ワードプレス

初心者でも簡単!AFFINGER5ヘッダー画像の設定方法

アフィンガー5ヘッダー画像の設定方法を紹介します。

※推奨サイズは「2200×500px」

しぐお
推奨サイズ以外でも問題なく表示されます。

 

ちなみに、ここで紹介している画像は推奨サイズで作りました。

表示させるとこんな感じになります↓↓

 

100%表示↓↓

ヘッダー画像を大きく見せたい場合は100%表示で問題ないかと。

しぐお
では、解説していきます。

 

ヘッダー画像の設定場所

設定はカスタマイズ」>「ヘッダー画像」

 

「新規画像を追加」ボタンをクリックし、ヘッダー画像を追加してください。

しぐお
複数登録しても問題ありません。

 

ヘッダー画像「追加画面」

「新規画像を追加」をクリックすると、選択画面に切り替わります。

しぐお
ヘッダーに設定したい画像を選んで下さい。

 

画像を選ぶと「画像切り抜き画面」が表示。

画像は推奨サイズなので、切り抜きなしで追加します。

 

ヘッダー画像に追加されました↓↓

複数登録してランダムに表示させることも可能です。

しぐお
設定はお好みで。

 

ヘッダー画像を確認

手順通りに設定すれば、問題なく表示されると思います。

上手く表示されない場合は、もう一度記事を読み直してください。

 

ヘッダー画像を100%表示に

画像を大きく見せたい場合は「横幅100%」にチェック。

画面いっぱいに表示されます。

しぐお
サイトの用途に応じて使い分けてください。

 

スマホ用ヘッダー画像の設定

アフィンガー5だとスマホのヘッダー画像を個別に設定することが出来ます。

設定場所はヘッダー画像と同じ「カスタマイズ」>「ヘッダー画像」

 

設定した後は、お持ちのスマホ画面で確認してください。

 

 

しぐお
少しできる人を演出できます。

 

おすすめツールCanvaの使い方

僕は「Canva」という無料ツールを愛用してます。

ヘッダー画像のみならず、アイキャッチ画像にも使えるツールです。

 

使い方も簡単なので、おすすめです。

詳しい使い方はこちら↓↓

【無料】Canvaでヘッダー画像作ってみた!作業風景動画あり

-ワードプレス
-

© 2020 とにも書くにも