ヘッダーメッセージがここに表示されます
基本設定

ロゴ|「テキスト」での表示もおすすめです

ロゴはサイトの「表札」にあたります。ヘッダーとフッターに表示されるロゴ(画像orテキスト)を設定します。

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

画像があってもなくても、設定は数分で完了します。数あるフォントの中から選択できるので、テキストでの表示もおすすめです。

設定箇所

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

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

設定できる内容

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

テキスト ・文字サイズ(PC/スマホ)
画像 ・ヘッダーとフッターの各ロゴ画像(PC/スマホ)
・各ロゴの表示サイズ(高さ)(PC/スマホ)

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

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

ロゴタイプ:テキスト

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

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

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

  • サイトタイトルは長すぎない? →短くできない場合は、ロゴ画像を作るのがいいでしょう。
  • 文字サイズはちょうどいい?

ロゴタイプ:画像

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

次の項目を設定します。

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

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

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

問題なければ、「スクロール時のエフェクト」の設定を確認しておきましょう。

スクロール時のエフェクトに進む

この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
運営・統括ディレクター

この施設全体のブランディングと運営方針を担当しています。空間デザインやインテリア、カルチャーイベントの企画が得意で、「ここに来る理由をつくる」が口グセ。好きな街はオスロと台北。人と街の流れに自然と溶け込むような、そんな場所をつくりたいと思っています。

コメント

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

コメントを残す

関連記事

目次