Web予約 電話予約 ショップ

ロゴ|サイズを調整してロゴを印象づけよう

ヘッダーに表示されるロゴ(画像 or テキスト)を設定します。

SALONのロゴ
もしロゴ画像をお持ちでなくても、テキストで綺麗に表示できるので、当記事で設定方法を確認してみてください。

設定箇所

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

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

SALONでは、ヘッダー・フッターのロゴをそれぞれテキスト or 画像で表示できます。

ロゴタイプ:テキスト

WordPressの一般設定内の「サイトタイトル」がテキストで表示されます。

ロゴをテキストで表示した例

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

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

  • サイトタイトルは長すぎない? →ロゴ画像を作ってみてもいいかも。
  • 文字サイズはちょうどいい?

サイトタイトルの文字数が多いとヘッダーが窮屈な印象になるかもしれません。ロゴジェネレーターで文字組されたロゴ画像作成を検討しましょう。

ロゴタイプ:画像

次の項目を設定します。

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

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

  • ロゴは意図したサイズで表示されている?
  • ロゴの背景は透過されている?
  • ロゴが鮮明に表示されている?
    → 大きい画像を設定して、表示サイズ(高さ)を小さく調整すればOK!
  • フッターロゴのサイズ感は問題ない?

問題なければ、「アイキャッチ」の設定を確認しましょう。

「アイキャッチ」の設定

この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。

店長を務めている西村です。以前はホテルのレストランで働いていましたが、「もっとお客様との距離が近い場所で働きたい」と思い、SALONに参加しました。コーヒーや食事はもちろんですが、この場所で過ごす時間そのものを大切にしています。初めて来店された方にも、いつもの席に座る常連の方にも、心地よく過ごしていただける空間づくりを心がけています。

関連記事

目次