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

更新日：2017年9月9日

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

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

この記事の目次

背景画像を準備する

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

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

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

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

背景画像の設定方法

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

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

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

背景画像の設定方法

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

背景画像の設定方法

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

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

背景画像の設定方法

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

簡単でしょ？

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

七星奈津子

ブログ集客プロデューサー/ライター/コラムニスト

読者（消費者）との関係をつくり、集客や販売につなげる発信で5年10年後もお客様に愛される会社・お店づくりのためのメディアづくりをサポートしている。

これまで発信してきたもの、持っているコンテンツをわかりやすく見やすい形に編集してコーディネイトすることを得意とする。またコミュニケーションの中で、その人の中にある光るもの・強みを引き出すことも得意。

講座や個別サポートでは、その人ならではの魅力を引き出し、わかりやすく伝わりやすい言葉にして発信するお手伝いをしている。