ロゴを設定しよう
GRAVITYのヘッダーやフッターに表示されるロゴの設定方法をご紹介いたします。
ロゴは会社やサイトの象徴になる部分です。プロに制作してもらうのがベストですが、無料もしくは低コストでダウンロードできるサービスもあります。
>> ロゴ素材が無料・有料でダウンロードできるWebサービス9選
ロゴ画像が用意できていれば、基本は次の3ステップで設定完了です（数分です）。ロゴ画像が無い場合は、任意のテキストを代わりに表示できます。
- ロゴ画像をアップロードする。
- ロゴの表示サイズ（高さ）を調整する。
- PC、スマホで見え方を確認する。
設定箇所
ロゴは、ダッシュボード内のTCDテーマ > 基本設定 > ロゴより設定します。
用意されているオプション
「ロゴ」を展開すると、以下の設定項目が表示されます。
まずロゴタイプを選びます。
テキスト選択時
テキストを選択した場合は、WordPressの一般設定内の「サイトタイトル」がロゴとして表示されます。
上記は明朝体で表示している例ですが、見た目を調整するために次のオプションが用意されています。
| フォントタイプ | ゴシック・明朝から選択できます。 |
| 文字サイズ | PC・スマホ別で文字サイズを指定できます。 |
画像選択時
画像を選択した場合は、次のオプションを利用可能です。
当デモサイトでは、295 x 46 ピクセルのロゴ画像が登録されています。
| ロゴ画像 | お好きな画像をロゴとして登録できます。PNG形式がおすすめです。 |
| ロゴ画像（モバイルサイズ時） | 必須の設定ではありません。モバイル時に別のロゴを表示したい際にご利用ください。 |
| ロゴの表示サイズ（高さ） | PC・スマホ別でロゴのサイズ（高さ）を指定できます。画像の実サイズより小さく設定することで、鮮明に表示されます。 |
設定が済んだら次の項目を確認してみましょう。
- ロゴ画像は意図したサイズで表示されている？
- ボヤけたり、白い背景が見えたりしていない？
- PC、スマホで見ても綺麗？
白い背景が見えている場合は、背景が透過するPNG形式の画像に差し替えましょう。
問題なく表示されたら、ロゴの設定は完了です！続いて「アイキャッチ」の設定に進みましょう。
この記事は役に立ちましたか？
もし参考になりましたら、下記のボタンで教えてください。
