ロゴ

基本設定

ヘッダーとフッターに表示されるロゴ(画像またはテキスト)を設定しておきましょう。

■■■■■■■■■■ヘッダーの「ロゴ」を示すフロント画像

ロゴはサイトの「表札」にあたります。画像があってもなくても、設定は数分で完了します。

設定箇所

ロゴは、ダッシュボード内のTCDテーマ > 基本設定 > ロゴより設定します。

■■■■■■■■■■TO基本設定>ロゴの場所を示す画像

設定できる内容

ロゴとして表示する内容を「テキスト」または「画像」から選択します。

テキスト ・文字サイズ(PC/スマホ)
画像 ・ヘッダーとフッターの各ロゴ画像(PC/スマホ)
・各ロゴの表示サイズ(高さ)(PC/スマホ)
ロゴ上にWordPressの一般設定内の「キャッチフレーズ」が表示されます。表示/非表示をTCDテーマ > ヘッダー > ヘッダーバーで設定できます。

用意されているオプション

「ロゴタイプ」の選択に応じて設定項目が表示されます。

ロゴタイプ:テキスト

■■■■■■■■■■TO基本設定>ロゴで「テキスト」選択時の画像

WordPressの一般設定内の「サイトタイトル」が表示されます。ここではPC/スマホ別の文字サイズを設定します。
フォント・文字の太さテーマオプション > 基本設定 > フォントの「フォント(ロゴ用)」で設定します。

設定が済んだら、PCとスマホで実際の表示を確認しておきましょう。

  • サイトタイトルは長すぎない?
  • 文字サイズはちょうどいい?

サイトタイトルの文字数が多い場合、ヘッダーでロゴとメニューが被ったり窮屈な印象になるかもしれません。文字数を減らせない場合は、ロゴジェネレーターで文字組されたロゴ画像を作るとよいでしょう。

ロゴタイプ:画像

■■■■■■■■■■TO基本設定>ロゴで「画像」選択時の画像

次の項目を設定します。

ロゴ画像 ヘッダー用、フッター用にそれぞれ画像を登録します。スマホ用に別の画像を設定することもできます。
背景透過したPNG形式画像推奨。
表示サイズ(高さ) PC/スマホ別でロゴのサイズ(高さ)を設定します。画像の実サイズより小さく設定するとぼやけず鮮明に表示されます。

設定が済んだら、お使いのPCとスマホで実際の表示を確認します。

  • ロゴは適切な大きさで表示されている?
  • ロゴの背景は透過されている?
  • ロゴがぼやけて表示されていないか?

問題なければ、「アイキャッチ」の設定に進みましょう。

アイキャッチの設定に進む

この記事は役に立ちましたか?
説明文をここに表示します。
改行のテスト

電動工具もキャンプギアも、なぜかスペック表を読み込む時間が至福。文章は苦手だったけど、実体験をちゃんと伝えたいと思って始めました。趣味は山登りと中古ガジェットいじり。ついつい手に取る道具の性能や機能を調べることが楽しみで、そうした知識を少しでも活かした文章を書きたいと思っています。

関連記事

コメント

この記事へのコメントはありません。

コメントを残す