【AFFINGER4】サイトに背景画像を設定する方法

AFFINGER4は、とても簡単に背景に画像を設置することができます。

その方法を記載しておきます。

背景画像を準備する

下記サイトから背景画像を自分のパソコンにダウンロードします。

[blogcard url=”https://www.toptal.com/designers/subtlepatterns/″][/blogcard]

とてもたくさんの背景に使えるパターン画像があります。

画像の上にマウスを合わせると「PREVIEW」というボタンが表示されます。ボタンをクリックするとサイトの背景が変わりますので、サイト全体のイメージがつかみやすいです。

使いたい画像が決まれば、左側の「DOWNROAD」ボタンをクリックすれば画像がダウンロードされます。

※画像はZipファイルでダウンロードされます。クリックすると中にpng形式で画像が入っています。ワードプレスへはpngファイルをアップロードします。

もちろん、ここの素材を使わずにご自身で写真やイラスト等を用意してもOKです！

 

画像をアップロードする

ワードプレスのダッシュボード「外観」→「カスタマイズ」をクリックします。

 

そして、「背景画像」をクリック。

「背景画像」というところに、画像をアップロードします。

※画像はjpgがpngで保存されているものをアップロードしてください。

 

アップロードができたら上部の「保存して公開」ボタンを押せば完了！

簡単でしょ？

お好きな背景画像を設定してみたくださいね^^