今回はAFFINGER4のヘッダー部分(サイトタイトル部分)に背景色をつけたいと思います!昔のStignerとかだとヘッダーを横幅いっぱいに拡張してから色をつけたりしないといけないこともあり大変でしたが、AFFINGER4ならヘッダー拡張など不要で、色を指定するだけでヘッダー部分に背景色をつけることができるのです。便利になりましたねぇ。!important;/*色はお好みに修正を*/}追記する場所はスタイルシート内なら基本的にどこでもオッケーですが、最下部に追記しておくようにすれば今後わかりやすくて良いでしょう。ここではカラーを#c50a0aに指定していますが、この色は自分の好みのものに修正するようにしてくださいね。カラーコードはこちらのサイトを参考にすればお好みのものが見つかるはずです。サイトタイトルの色を変えておくサイトタイトルの背景が変わったので、必要に応じてサイトタイトルの文字色を変更しましょう。!important;}今回はサイトタイトルを白く変更するようにコーディングしています。この文字色もカラーコードを変えれば変更できますので、これも好みに合わせて変更してくださいね!番外編:ヘッダーに影をつける方法ついでにヘッダーに影をつけておくと、よりいっそう格好よく見える気がします。その方法もついでなので説明しておきましょう。0.5);}}これでPC・スマホ共にヘッダー部分に影をつけるようにすることができました!影の範囲はpxをいじってもらえると変わりますので、気に入らない人は調整してみてくださいませ。ヘッダーカスタマイズ/まとめこれでAFFINGER4のヘッダー上部が完成しました。以前よりも格好よくなってきましたねぇ〜!ヘッダー上部にはサイトロゴを設定したりもできますが、FFINGER4の場合は元の作りがシンプルなので、ロゴを設定しなくても綺麗に仕上げることができる印象です。当サイトはAFFINGER4の見本サイトです。AFFINGER4にはどのようなサイトを作ることができるのかを視覚的に分かりやすく示すために作られたサイトですね。AFFINGER4ならHTML/CSSをほとんど知らなくてもちゃんとランキング作成ができるようになっています。【コピペOK】AFFINGER4のメニューをCSSカスタマイズ!AFFINGER4のメニューはテンプレートのままだとちょっと簡素で寂しい感じがあります。...【基本中の基本】AFFINGER4でヘッダー用メニューを作成する方法AFFINGER4のテンプレートを適応させたばかりの状態では、ヘッダーのメニューが1つしかなくてちょっと寂しい状態です。...名脇役!サイドバーに施したい5つのAFFINGER4カスタマイズ今回はAFFINGER4のサイドバーカスタマイズに施したい5つのカスタマイズについてお話しましょう。AFFINGER4のサイドバーはデフォルトのままではあまりに簡素すぎる状態です。...AFFINGER4で採用したいh2・h3見出しサンプル8選!今回はAFFINGER4の見出しをカスタマイズしてみましょう。AFFINGER4の見出しはデフォルトではかなり簡素なものになっています。...PREV【コピペOK】AFFINGER4のメニューをCSSカスタマイズ!NEXTAFFINGER4で採用したいh2・h3見出しサンプル8選!AFFINGER4AFFINGER4の特徴AFFINGER4はアフィリエイターに最適化されたWordPressテンプレートです。ランキング作成機能を始め、アフィリエイトする上での必須機能が揃っています。通常の販売価格は6500円ですが、当サイトでは5500円の特別価格で販売しています。超優秀!AFFINGER4の注目すべき機能8つ&購入者特典3つフッターメニュートップページAFFINGER4カスタマイズ購入者限定カスタマイズ商品ランキングAFFINGER4の見本サイト遂に有料テンプレートデビューを果たしたAFFINGER4。そんなAFFINGER4の全機能/カスタマイズ方法をお伝えしましょう。AFFINGER4.。