アフィンガー5でヘッダー画像を設定する手順

AFFINGER5（アフィンガー5）の基本的な設定を済ませてから，ブログをお洒落なデザインにカスタマイズしたいけど，どこから手を付けていっていいのかが分からないという人は，まずはヘッダー画像を設定するのもおすすめです。

ヘッダー画像を入れると，サイトの見た目がガラッと変わって第一印象が良くなります。

ヒロシ

今回は，WING(AFFINGER5)でヘッダー画像を設定する手順を解説していきます。

アフィンガー5を購入してからやるべき初期設定ややっておくと良いデザインの変更点などは，以下のまとめ記事で詳しく解説しています。

また，アフィンガー5でできるカスタマイズやデザイン変更については，以下のまとめ記事で詳しく解説しています。

それでは解説していきます。

ヘッダーに設定する画像を用意する

AFFINGERで推奨しているヘッダー画像のサイズは2200ピクセルx500ピクセルです。

ヒロシ

まずは，無料画像サイトなどでヘッダーに設定する画像を用意してください。

おすすめの無料画像サイトはこのあたりです。

用意した画像を使って画像編集ツールのCanvaで2200ピクセルx500ピクセルのサイズで作成します。

「Canva」は，オンラインで使える無料のグラフィックデザインツールです。（有料プランもあります。）

Canvaをまだ登録していない人はこちらから登録できます。

今回，当ブログでは下のような画像を作成しています。

この画像をヘッダー画像に設定していく手順で解説していきます。

ヘッダー画像を設定する

WordPress管理画面からカスタマイズ画面に移動してヘッダー画像を設定します。

「ヘッダー画像」をクリックします。

「新規画像を追加」をクリックします。

次に，選択した画像をアップロードします

「選択して切り抜く」をクリックします。

今回は，事前に2200x500ピクセルで画像を作成済みですので，「切り抜かない」をクリックします。

ここで編集する場合は画像を切り抜いてから「画像切り抜き」をクリックします。

ヘッダー画像エリアの高さや背景色の設定をする場合はここで指定します。

「公開」をクリックします。

これで完了です。

トップページでヘッダー画像が設定できているのが確認できます。

まとめ

AFINGER5はカスタマイズの機能が豊富です。

慣れていなくてどこから手を付けていいのかが分からないという人は，まずはヘッダー画像を設定して，それから徐々に綺麗なデザインのブログにしていきましょう。

今回は以上になります。

それではまた！