カエルくん
ロゴ画像のしたにサイズの入力があったけど、あれはなんだろう?
ロゴ画像のサイズが変更できるみたいだね。
自分のサイトにあったロゴのサイズを探してみよう!
目次
ヘッダーのロゴ画像のサイズ変更
『画像の選択』の下に『画像サイズ』が3種類あります。
- 画像サイズ(PC)⇨パソコンの画面で表示されるロゴ画像のサイズ
- 画像サイズ(PC追従ヘッダー)⇨パソコンで表示される、スクロールしたら付いてくるヘッダーのロゴ画像サイズ
- 画像サイズ(SP)⇨スマホやタブレットの画面で表示されるロゴ画像のサイズ
※ロゴ画像サイズの設定では、画像の高さの数値(単位:px)を調節できます。
※SWELLの公式サイトでは、上記画像のサイズが設定されています。
①画像サイズ(PC)
パソコンで表示されるロゴ画像サイズの高さを32〜120px(ピクセル)の範囲で設定できます。
※わかりやすいようにヘッダーの色を黄色にしています。
②画像サイズ(PC追従ヘッダー)
スクロールしたら付いてくるヘッダーのロゴ画像サイズの高さを24〜48px(ピクセル)の範囲で設定できます。
高さがあると記事が見づらいかもしれません。
③画像サイズ(SP)
スマホやタブレットで表示されるロゴ画像サイズの高さを40〜80px(ピクセル)の範囲で設定できます。
スマホやタブレットでは追従ヘッダーのサイズも同じままです。
ヘッダーのロゴ画像のサイズ変更後
ロゴ画像のサイズを変えるだけでも印象が変わるね
ロゴのデザインによって、高さを変更すると見栄えがかわるね。
こわだりがなければ、最初の設定のままでもいいのかも。