AFFINGER5 ブログ運営

【初心者向け】AFFINGER5(アフィンガー)でヘッダーをカスタマイズする方法

 

こんにちは、れのる(@Blog624renoru)です。

 

ヘッダーをカスタマイズしたいけど、いじり方がわからない

こんな悩みを解決します。

 

画像を使って手順を解説していきますので、安心してくださいね。

 

スポンサーリンク

ヘッダーカスタマイズ

 

4つの手順で解説します。

・カスタマイズへ

・全体カラー設定

・ヘッダー画像

・基本エリア設定

 

✔ 手順①:カスタマイズへ

「外観」→「カスタマイズ」をクリック。

すると・・・

下ような画面に来ます。

以下3つから、カラーや画像設定ができます。

 

1つずつ見ていきましょう。

 

✔ 手順➁:全体カラー設定

ここではヘッダーのカラーを設定します。

画像の「赤」で囲ってあるところを操作すると、「青」で囲っているところに反映されます。

好きなようにカラー設定してみて下さい。

HTMLカラーコード:WEB色見本 原色大辞典を参考にしてみるのもありですよ。

 

✔ 手順➂:ヘッダー画像

ヘッダー画像で画像を挿入してみましょう。

画像の赤い枠に、好きな画像を入れると反映されます。

 

反映された例がこちら。

 

 

✔ 手順➃:基本エリア設定

「基本エリア設定」えおクリックすると、このような画面に来ます。

「ヘッダーエリア」欄があるので、クリック。

 

「ヘッダーエリア背景画像」をクリック。

ここに好きな画像を挿入してください。

ちなみに画像を入れると・・・

画像の位置に設定されます。

 

これで、ヘッダーカスタマイズの設定は終了です。

困っている方の参考になれば、うれしいです。

 

今回はここまで。

 

 

 

-AFFINGER5, ブログ運営

© 2020 renolog Powered by AFFINGER5