WordPressのBizVektorで作成したブログにはフッターエリアが用意されるのですが、当ブログで使用しているBizVektorの追加プラグイン「Neat」を利用した場合のフッターエリアの色付けを行う方法を紹介します。

1.問題となる箇所

BizVektor自体はフッターエリアに独自の色が付いているのですが、追加プラグイン「Neat」を用いるとフッターエリアは何も設定されていない状態で白表示されます。

今回、自身の好きな色を指定します。

2.削除対象ソース

修正する対象ソースはstyle.cssです。

3.修正箇所

修正は簡単で、style.cssに以下のソースを追加するだけです。色は16進数か英字名で好きに指定できます。

/* フッターエリア 色付け */
 #footerSection{ background-color: #c17509; }
 #footerInner{ background-color: #fdf5e6; }
 #siteBottomInner{ background-color: #fdf0e0; }

修正するとこのように色が付きます。

各設定値について
・footerSectionはフッターエリアの左右端の色
・footerInnerはフッターエリアの色
・siteBottomInnerはコピーライト部分の色
です。

以上です。