AFFINGER６で背景画像を変更する方法【３つのパターンを紹介】

AFFINGER６で可能な３つの背景画像の設定方法

AFFINGER６で背景画像を変更すると言っても、色だけを変更することもできれば画像をアップロードして表示させることもできます。

それぞれ設定する画面が違うので、慣れないうちや初心者の方は混乱してしまうかもしれません。

主にAFFINGER６では次の３つの方法で背景画像を変更することができます。

• 背景色のみ変更・パターン（水玉、ボーダーなど）への変更方法
• 背景画像をアップロードして設定する方法
• 背景画像を斜めに切り取ってオシャレに表示する方法

それぞれ詳しく説明していきます。

背景色のみ変更・パターン（水玉、ボーダーなど）への変更方法

背景色のみを変更したり、水玉やボーダーなどの背景パターンに変更する方法です。

まず「外観」→「カスタマイズ」→「基本エリア設定」→「背景色」を選択します。

背景色の色を選択することで背景色を変更できます。

背景のスタイルを選択するだけで、水玉やボーダーに変更可能です。

パターン「水玉」だとこんな感じです。

パターン「ボーダー」だとこんな感じです。

パターン「方眼」だとこんな感じです。

サイト背景色を設定すると下画像のようにすることもできます。

サイト背景色を「黄色」に設定するとこんな感じです。

色やパターンを変更すれば色々なデザインの背景色を設定できますので、試してみてください。

背景画像をアップロードして設定する方法

背景に写真や画像をアップロードして設定する方法です。

「外観」→「カスタマイズ」→「背景画像」で設定できます。

実際に画像を設定してみるとこんな感じです。

背景画像の設定画面でもアップロードした画像サイズの調整はできますが、画像が荒くなってしまうこともあるのでサイズの違う画像をいくつか用意して実際に表示を確認してみるのがお勧めです。

ちなみに下は１００×１００ピクセルの画像を設定してみた時の画像になります。

サイズ感の参考にしてみてください。

背景画像を斜めに切り取ってオシャレに表示する方法

AFFINGER６では背景画像を斜めに切り取ってオシャレに表示することができます。

「外観」→「カスタマイズ」→「斜め背景画像（β）」で設定できます。

画像を設定してみると実際の表示は下のようになります。

画像サイズは横が２２００ピクセル程度で縦を１０００ピクセル以上のサイズがお勧めです。

もっとオシャレな写真などを使用すれば、よりオシャレなサイト表示にすることができます。

以上、AFFINGER６で可能な３つの背景画像設定方法をご紹介しました。

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

\\ 無料お試し利用がずっと可能なAIライティングツール//

AFFINGER6：記事一覧

• AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
• （通常版）AFFINGER6と（上位版）AFFINGER6 EXの違い【まとめ】
• AFFINGER6を実際に利用したガチ評価-２年以上愛用して感じたメリットとデメリット
• AFFINGER6は初心者が購入しても大丈夫？-初心者にお勧めの理由

AFFINGER6の購入とインストール方法

• AFFINGER6の購入方法と購入プランの選び方
• AFFINGER6（アフィンガー6）のインストール方法-初心者でも安心！購入プランから徹底解説！
• AFFINGER６（アフィンガー６）EX版の購入とアップグレードの方法

AFFINGER6の設定関係

• AFFINGER6導入後にまず何をしたらいいの？-初心者にお勧めの初期設定４項目
• AFFINGER6（アフィンガー６）にお勧めのプラグイン【初心者向け】
• AFFINGER６のアップデート方法（２パターンを解説）
• AFFINGER６（アフィンガー６）でGoogleアナリティクスを導入する方法
• AFFINGER6：Googleサーチコンソールへの登録方法
• AFFINGER6のステマ規制対策-広告表記を表示させる方法

AFFINGER6の使い方

• AFFINGER6の使い方【まとめ】-初心者向けガイド-

AFFINGER6のデザインカスタマイズ

• AFFINGER6のカスタマイズ方法-初心者向けガイド-