wordpress モバイルヘッダー画像

Simplicityでのモバイルヘッダー画像設定について

Simplicity1.8.0での設定

Simplicityのテーマでは、ヘッダーの画像が一般のサイト表示とモバイル表示では別の設定が必要です。当然設定しなければ、画像なしの表示になります。

通常表示の推奨画像サイズは、1070×100となっていますが、モバイルの場合縦が100ですとスマホの縦で見ると画像が繰り返して見えてしまいます。

以下の画像は1070✕100ピクセル

モバイル用ヘッダー画像

実際の表示

ヘッダーの画像

スマホの縦で3段とちょっとのダブリ、横にしても2枚のダブリ画像になります。

以下の画像は 1070✕340ピクセルのが画像です。

猫のヘッダー

 このサイズの画像ですと縦サイズでは丁度です。

モバイルヘッダー

スマホを横表示にすると187ピクセル程の表示になってしまいます。

ヘッダー画像

それならば187ピクセルの高さに変更すると、横は全部表示されますがスマホ縦表示では2段表示になってしまいます。仕様として写真の下が欠けるので、欠けてもおかしくない画像を選択するのが得策のようです。

※これはSimplicity1.8.0の場合です。現在はSimplicity2にバージョンアップしていますのでそちらをお使いください。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする