テーマカスタマイザーの使い方

テーマ「TRIO」では、テーマカスタマイザーを使って次のような設定ができます。

  1. サイトの基本設定(タイトル・キャッチフレーズ・ファビコン)
  2. ヘッダーとフッターに表示するブログのタイトル画像の設定
  3. 基本のサムネイル画像の設定
  4. テーマカラーの設定
  5. カテゴリーカラーの設定
  6. メニューの設定
  7. ウィジットの設定
  8. SEOの設定
  9. SNSの設定
  10. お問い合わせフォームの設定

左の「外観」→「カスタマイズ」を選ぶと、テーマカスタマイザーへ移動します。

テーマカスタマイザーの使い方

 

 

1 サイトの基本設定

カスタマイザー サイト基本設定

①サイトのタイトル

サイトのタイトルが設定できます。サイトのタイトルは、2のサイトロゴが設定されていない時には、ヘッダーとフッターに表示されたり、SEOでも使用するので、きちんと設定しておきましょう。

②キャチフレーズ

サイトのキャッチフレーズが設定できます。フッター部分に自動で表示されます。

③サイトアイコン

ファビコン・アプリアイコンが設定できます。512px×512pxの正方形の画像を用意してアップロードしましょう。簡単なものであれば、サイトアイコン作成します。

 

 

2 サイトロゴ設定

カスタマイザー サイトロゴ設定

サイトのロゴが設定できます。158px×38pxの画像を用意してアップロードすると、ヘッダー部分とフッター部分に表示されます。
画像の横サイズは158pxより小さくても大きくても問題ありませんが、縦サイズは38px以下にした方が、きれいに表示されます。

 

 

3 アイキャッチ設定

カスタマイズ アイキャッチ設定

記事にアイキャッチがない場合に自動で表示される基本のアイキャッチ画像を設定できます。

 

 

4 テーマ色設定

カスタマイザー テーマ色設定

テーマの色が設定できます。お好きな色を選んでみてください。

 

 

5 カテゴリー色設定

カテゴリーカラー設定

カテゴリーの色が設定できます。記事の一覧表示の際、カテゴリー別に色を変えて表示することができます。お好きな色を選んでみてください。

※カテゴリーが作成されていないと、色の設定もできません。カテゴリーを作成後に設定してください。

 

 

6 メニュー設定

カスタマイザー メニュー設定

作成したメニューの順番を入れ替えたり、項目の追加や削除ができます。メニューの位置を「Slide Menu」にすると、横からスライドで表示されるメインメニューになります。

 

フッターメニューの場合、名前を「footermenu」にし、メニューの位置を「Footer Menu」にすると、フッター部分にボタン表示されます。メニューの名前が「footermenu」になっていないと、ボタン表示されません。

カスタマイズ フッターメニュー設定

 

 

7 ウィジット設定

ウィジット設定

ウィジットの設定ができます。ウィジットの設定は、左のメニュー「外観」→「ウィジット」をクリックした方が、設定しやすいデザインになっていますので、そちらでの設定をオススメします。
また、記事やアーカイブ部分のウィジットがテーマカスタマイザーでは表示されません。

 

 

8 SEO設定

カスタマイザーSEO設定

SEOの設定ができます。

①メタキーワード(Meta Keywords)

サイトのキーワードを設定できます。現在、Googleはこのキーワードを全く利用していないようですが・・・一応、メタタグに設定できるよう残してあります。

②サイト概要(Meta Description)

検索結果で表示されるサイトの概要が設定できます。ここで設定できるのは、ホームページの概要です。
各ブログ記事の概要は、記事文の先頭120文字を取得するようにしています。

固定ページの概要は、ページの編集画面に「メタタグ設定」欄があります。ここに入力されているキーワードと概要を設定するようになっています。
メタタグ設定

 

カテゴリー一覧表示の概要は、カテゴリー説明文を設定しています。「投稿」→「カテゴリー」から「説明」を入力しておくと、検索結果に反映されるようになります。

カテゴリー説明 SEO

 

タグ一覧表示の概要も、カテゴリーと同じように説明文を設定しています。「投稿」→「タグ」から「説明」を入力しておくと、検索結果に反映されるようになります。

タグ概要設定SEO

 

③facebookアプリID設定

OGP設定用のfacebookアプリIDが設定できます。OGPやFacebookアプリIDの取得方法については、「Facebook OGP設定方法と確認方法」で詳しくご案内しています。

 

④Facebook・Twitter Card用画像設定

FacebookやTwitterでサイトや記事ページがシェアされた時の画像を設定することができます。ブログ記事がシェアされた時には、アイキャッチ画像を設定しますが、ホームページやカテゴリー一覧など、アイキャッチがないページがシェアされた時に自動で設定される画像になります。
Twitter Cardや画像の設定方法ついては、「Twitter Card用の設定方法と確認方法」で詳しくご案内しています。

 

 

9 SNS設定

テーマカスタマイザーSNS設定

サイドバー部分に自動で表示されるフォローボタンのうち、twitterアカウントを設定できます。この部分が空欄だとTwitterボタンが非表示になります。他のRSS・Feedlyボタンは自動でリンクが設定されています。

 

 

10 お問い合わせフォーム設定

お問い合わせフォーム設定

お問い合わせフォームの送信先のメールアドレスが設定できます。ここに設定されたメールアドレスへお問い合わせ内容を送信します。