【Word Press】SWELL:ヘッダーのロゴ画像のサイズ設定

カエルくん

ロゴ画像のしたにサイズの入力があったけど、あれはなんだろう?

れい

ロゴ画像のサイズが変更できるみたいだね。
自分のサイトにあったロゴのサイズを探してみよう!

目次

ヘッダーのロゴ画像のサイズ変更

『画像の選択』の下に『画像サイズ』が3種類あります。

  1. 画像サイズ(PC)⇨パソコンの画面で表示されるロゴ画像のサイズ
  2. 画像サイズ(PC追従ヘッダー)⇨パソコンで表示される、スクロールしたら付いてくるヘッダーのロゴ画像サイズ
  3. 画像サイズ(SP)⇨スマホやタブレットの画面で表示されるロゴ画像のサイズ

※ロゴ画像サイズの設定では、画像の高さの数値(単位:px)を調節できます。

※SWELLの公式サイトでは、上記画像のサイズが設定されています。

①画像サイズ(PC)

パソコンで表示されるロゴ画像サイズの高さを32〜120px(ピクセル)の範囲で設定できます。

※わかりやすいようにヘッダーの色を黄色にしています。

32pxで設定
120pxで設定

②画像サイズ(PC追従ヘッダー)

スクロールしたら付いてくるヘッダーのロゴ画像サイズの高さを24〜48px(ピクセル)の範囲で設定できます。

高さがあると記事が見づらいかもしれません。

24pxで設定
48pxで設定

③画像サイズ(SP)

スマホやタブレットで表示されるロゴ画像サイズの高さを40〜80px(ピクセル)の範囲で設定できます。

スマホやタブレットでは追従ヘッダーのサイズも同じままです。

40pxで設定
80pxで設定

ヘッダーのロゴ画像のサイズ変更後

カエルくん

ロゴ画像のサイズを変えるだけでも印象が変わるね

れい

ロゴのデザインによって、高さを変更すると見栄えがかわるね。
こわだりがなければ、最初の設定のままでもいいのかも。

この記事が気に入ったら
いいねしてね!

よかったらシェアしてね!

この記事を書いた人

鹿児島に住んでるシングルマザーです。
40代で会社を辞めてWEBライターに転職を決意しました。
WEBライターになるための活動などを発信していきます。

目次
閉じる