このWordPressテーマ「yStandard」にご興味を持って頂きありがとうございます!
このページでは、実際にyStandardをダウンロードして、実際に使い始めるまでにやっておきたい初期設定について流れをまとめました!
まずはこのページからリンクしているマニュアルをご覧いただき設定をしてみてください!
1. yStandardのダウンロード・インストール・有効化
yStandardはWordPress公式ディレクトリに登録されたテーマではないため、手動でサイトにアップロードする必要があります。
yStandardをダウンロードし、管理画面からアップロードしてインストール・有効化しましょう。
「yStandard」はWordPress公式ディレクトリに登録されていないテーマです。 その為、yStandardを使用するためにはテーマのファイルをダウンロ…
wp-ystandard.com
yStandardでは子テーマの配布もしていますが、子テーマでのカスタマイズは推奨していません。
いろいろなカスタマイズの方法やメリット・デメリットについて、こちらのページを参考にしてみてください▼
yStandardは「カスタマイズありきの一風変わったWordPressテーマ」としていますが、「カスタマイズ」といっても様々なカスタマイズ方法があります この…
wp-ystandard.com
2. おすすめプラグインのインストール・有効化
yStandardを使ったサイトを運営するにあたり、必須とも言えるおすすめプラグインをインストールしましょう。
おすすめプラグインインストール機能を使えばあっという間にインストール・有効化が完了します。
yStandardと合わせて使いたいプラグインのインストール機能の使い方について紹介します。
wp-ystandard.com
3. yStandardの各種設定をする場所を確認!
yStandardの設定はテーマカスタマイザーから進めます。
テーマカスタマイザーの場所やマニュアルについてはこちらを参考にしてみてください▼
このページではyStandardの各種設定を変える方法・設定画面について紹介します。
wp-ystandard.com
4. サイト基本情報の設定
サイト名やキャッチフレーズ、ロゴ画像の設定などをしていきましょう。
サイトのタイトルやロゴなどの基本情報の設定について解説します。
wp-ystandard.com
サイトのヘッダー部分に表示するロゴ画像の設定方法について紹介します。
wp-ystandard.com
5. サイト共通部分のデザイン設定
フォント(文字)や背景色、リンクの色など、サイト全体で共通となる部分のデザイン設定をしましょう。
サイトの全体のフォントや文字の色を変更する方法について紹介します。
wp-ystandard.com
サイトの背景色、背景画像の設定方法について紹介します。 サイトの背景色、背景画像の設定はテーマカスタマイザーの「[ys]デザイン」→「サイト背景」から設定します…
wp-ystandard.com
サイト全体のリンクカラーの設定方法について紹介します。 サイト全体のリンクカラーの設定はテーマカスタマイザーの「[ys]デザイン」→「リンクカラー」から設定しま…
wp-ystandard.com
6. ヘッダーデザイン・ヘッダーメニューの設定
サイトヘッダーのレイアウトや色、検索フォームの表示等を設定していきましょう。メニューの作成がまだの場合、メニューを先に作っておくことをおすすめします。
ヘッダーメニューやフッターメニューに表示する「メニュー」の作成方法について紹介します。
wp-ystandard.com
サイトヘッダーのレイアウトやヘッダーの色の変更方法について紹介します。 サイトのヘッダーのデザインは「[ys]デザイン」→「サイトヘッダー」から設定します。
wp-ystandard.com
モバイル表示に関する設定について紹介します。 モバイル表示の設定はテーマカスタマイザーの「[ys]デザイン」→「モバイル表示」から設定できます。
wp-ystandard.com
7. パンくずリストの表示設定
パンくずリストの表示を設定しましょう。サイト上にパンくず表示しなくても構造化データは出力されます。
パンくずリストの表示設定について紹介します。 パンくずリストは「[ys]デザイン」→「パンくずリスト」から設定できます。
wp-ystandard.com
8. 投稿詳細ページ・固定ページのデザイン設定
投稿詳細ページや固定ページのデザイン設定をしましょう。
日付やカテゴリーの表示・非表示などを設定出来ます。
投稿ページの表示に関する設定について紹介します。 投稿ページレイアウトの設定は「[ys]デザイン」設定内にあります。
wp-ystandard.com
固定ページの表示に関する設定について紹介します。 固定ページレイアウトの設定は「[ys]デザイン」設定内にあります。
wp-ystandard.com
目次自動作成機能の設定方法について紹介します。 目次機能は「[ys]デザイン」→「目次」から設定します。
wp-ystandard.com
9. アーカイブページの表示レイアウト設定
アーカイブページ(記事一覧ページ)の表示レイアウト、日付やカテゴリーの表示・非表示などを設定しましょう。
アーカイブ(記事一覧)ページの表示に関する設定について紹介します。 アーカイブページレイアウトの設定は「[ys]デザイン」設定内にあります。
wp-ystandard.com
10. フッターエリアの設定
フッターの文字色やTOPへ戻るボタン、モバイルページ用メニューを設定しましょう。
ページフッターの背景色・文字色の設定について紹介します。 フッターの設定は「[ys]デザイン」設定内にあります。
wp-ystandard.com
yStandardではフッターエリアの上にもう1段フッターとして全ページに表示される「サブフッターエリア」を用意しています。 このページではサブフッターエリアの…
wp-ystandard.com
画面の右下に固定表示されるページの先頭へ戻るためのボタンを表示する設定方法について紹介します。
wp-ystandard.com
このページではモバイルフッター固定メニューの設定方法について紹介します。
wp-ystandard.com
11. SNS関連の設定
OGPやTwitterカードの設定、SNSシェアボタンの設定をしましょう。
SNSシェアボタンの設定方法について紹介します。 SNSシェアボタンの設定は「[ys]SNS」→「SNSシェアボタン」から設定します。
wp-ystandard.com
OGP metaタグの出力、OGP用のデフォルト画像の設定について紹介します。 OGPタグの設定は「[ys]SNS」→「OGP」から設定します。
wp-ystandard.com
Twitterカードの設定方法について紹介します。 Twitterカードの設定は「[ys]SNS」→「Twitterカード」から設定します。
wp-ystandard.com
12. SEO
Google Analyticsの設定など、SEO関連の設定をしましょう。
yStandardではGoogleが提供するサイトのアクセス解析ツール「Google Analytics」を簡単に設定できます。 Google Analytic…
wp-ystandard.com
メタデスクリプション(meta description)の生成と自動生成に関する設定について紹介します。 「[ys]SEO」→「meta description…
wp-ystandard.com
TOPページのmeta descriptionを設定する方法について紹介します。 「[ys]SEO」→「meta description設定」から設定できます。
wp-ystandard.com
13. プロフィールの編集
記事下部やウィジェットで表示する著者プロフィールに関する設定をしましょう。
記事下部やウィジェットで表示する著者プロフィールに関する設定方法について紹介します。
wp-ystandard.com