【Simplicity】ヘッダー画像を設定する方法

記事内に広告が含まれています。

インストール&サイトロゴを画像に変更する方法」で、すでにサイトロゴを表示しているんですが、これだと寂しいのでどうしても画像を表示したいという場合の方法です。

ヘッダー画像を設定する方法

パソコンで見るとそうでもないんですが、スマホで見るとロゴと広告との間が空きすぎて何とも気になるんで、画像を表示すると気にならなくなるんじゃないかと思ったのです。

ヘッダー

パソコン用の画像の横幅は、1070px、縦は200pxを推奨します。

カスタマイザーでヘッダー画像の設定

ヘッダー画像を設定する方法

WordPress管理画面から、「外観」▶「カスタマイズ」▶「ヘッダー画像」に移動します。

メディアにアップロードする

新規画像を追加

「新規画像を追加」からアップロードする。
ヘッダーの高さを「200」にする。

切り抜かない

「画像切り抜き」場面が表示されるので「切り抜かない」をクリックする。

現在のヘッダー

ヘッダー画像が表示されましたね。

モバイルヘッダー画像の表示

次はスマホ用のヘッダー画像を表示させます。

ねっとでまったり

画像の横幅は、640px、縦は375pxを推奨します。

カスタマイザーでヘッダー画像の設定

「モバイルヘッダー背景画像」から「画像を選択」をクリックします。

「モバイルヘッダー背景画像」から「画像を選択」をクリックします。

「モバイルヘッダー背景画像」が表示されましたね。

「モバイルヘッダー背景画像」が表示されましたね。
「保存して公開」をクリックして公開します。

スマホで確認する。

ヘッダー画像が表示されているかスマホで確認します。

シェアする

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

フォローする