はじめてのyStandard!テーマの始め方と初期設定まとめ

はじめてのyStandard!テーマの始め方と初期設定まとめ

このWordPressテーマ「yStandard」にご興味を持って頂きありがとうございます!

このページでは、実際にyStandardをダウンロードして、実際に使い始めるまでにやっておきたい初期設定について流れをまとめました!

まずはこのページからリンクしているマニュアルをご覧いただき設定をしてみてください!

1. yStandardのダウンロード・インストール・有効化

yStandardはWordPress公式ディレクトリに登録されたテーマではないため、手動でサイトにアップロードする必要があります。

yStandardをダウンロードし、管理画面からアップロードしてインストール・有効化しましょう。

yStandardのインストール方法
「yStandard」はWordPress公式ディレクトリに登録されていないテーマです。 その為、yStandardを使用するためにはテーマのファイルをダウンロ…
wp-ystandard.com

yStandardでは子テーマの配布もしていますが、子テーマでのカスタマイズは推奨していません。

いろいろなカスタマイズの方法やメリット・デメリットについて、こちらのページを参考にしてみてください▼

yStandardのいろいろなカスタマイズ方法メリット・デメリット
yStandardは「カスタマイズありきの一風変わったWordPressテーマ」としていますが、「カスタマイズ」といっても様々なカスタマイズ方法があります この…
wp-ystandard.com

2. おすすめプラグインのインストール・有効化

yStandardを使ったサイトを運営するにあたり、必須とも言えるおすすめプラグインをインストールしましょう。

おすすめプラグインインストール機能を使えばあっという間にインストール・有効化が完了します。

おすすめプラグイン機能の使い方
yStandardと合わせて使いたいプラグインのインストール機能の使い方について紹介します。
wp-ystandard.com

3. yStandardの各種設定する場所を確認!

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シェアボタンの設定方法について紹介します。 SNSシェアボタンの設定は「[ys]SNS」→「SNSシェアボタン」から設定します。
wp-ystandard.com
OGP metaタグの出力・デフォルト画像の設定方法
OGP metaタグの出力、OGP用のデフォルト画像の設定について紹介します。 OGPタグの設定は「[ys]SNS」→「OGP」から設定します。
wp-ystandard.com
Twitterカード用metaタグ出力の設定方法
Twitterカードの設定方法について紹介します。 Twitterカードの設定は「[ys]SNS」→「Twitterカード」から設定します。
wp-ystandard.com

12. SEO

Google Analyticsの設定など、SEO関連の設定をしましょう。

アクセス解析ツール「Google Analytics」のアクセス解析タグを設定する方法
yStandardではGoogleが提供するサイトのアクセス解析ツール「Google Analytics」を簡単に設定できます。 Google Analytic…
wp-ystandard.com
メタデスクリプション(meta description)の自動生成設定
メタデスクリプション(meta description)の自動生成に関する設定について紹介します。 「[ys]SEO」→「meta description設定」…
wp-ystandard.com
TOPページのmeta descriptionを設定する方法
TOPページのmeta descriptionを設定する方法について紹介します。 「[ys]SEO」→「meta description設定」から設定できます。
wp-ystandard.com

13. プロフィールの編集

記事下部やウィジェットで表示する著者プロフィールに関する設定をしましょう。

ユーザー(著者)プロフィールの設定方法
記事下部やウィジェットで表示する著者プロフィールに関する設定方法について紹介します。
wp-ystandard.com