AFFINGER6：ヘッダーナビゲーションの背景を変更する方法

この記事ではヘッダーナビゲーションの背景の色を変更したり、画像を設定する方法を解説しています。

ヘッダーナビゲーションの背景色を変更する方法

ヘッダーナビゲーションの背景色を変更するには「外観」→「カスタマイズ」→「ヘッダーナビゲーション」を選択します。

「パソコン」と「スマホ」のどちらを変更するかを選択します。

※　両方変更したい場合はそれぞれで設定する必要があります。

「背景色」にて変更できます。

背景色を変更するとこんな感じです。

グラデーションでオシャレに♪

背景をグラデーションにするとオシャレでお勧めです。

こんな感じや

こんな感じです。

グラデーションを横にすることもできます。

ヘッダーナビゲーションに背景画像を設定する方法

背景画像を設定するとこんな感じです。

背景画像の高さは設定しているヘッダーの高さにしましょう。

ヘッダーの高さは「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のカスタマイズ方法-初心者向けガイド-