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

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

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

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

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

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

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

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

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

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

こんな感じや

こんな感じです。

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

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

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

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

ヘッダーの高さは「AFFINGER管理」→「ヘッダー」で設定できます。

ヘッダーの幅は１０００ピクセル程度がお勧めです。

ヘッダーは目立つ部分なので、オシャレにカスタマイズしたいですよね。

背景色や画像を設定することでオシャレにすることができます。

その他、ヘッダー関係のカスタマイズに関しての別記事も参考にしてみてください。

　ヘッダーカスタマイズまとめ

　タイトル横にアイコンロゴを設定する方法

　ヘッダー下にスライドショーを設置する方法

　ヘッダー下にヘッダーカードを表示させる方法

　サイトタイトルの色を変更する方法

AFFINGER6はとてもカスタマイズ性能が高いテーマです。

使ってみたい方はこちら記事もご覧になってください。

AFFINGER6：インストール方法

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

無料お試し利用がずっとできるAIライティングツールをいくつか紹介していますので、試しに利用してみてください。

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