アフィモンのネットで稼ぐぞ!初心者向けアフィリエイトで小遣いを稼ぐ方法

WordPressテーマ『Cocoon』のフッターをカスタマイズ

Cocoonのデフォルトのフッター

このフッターの背景に色を付けたり、少しカスタマイズしていきます。

私のWordPressの環境はCocoonの親テーマのみをインストールしている状態ですので、子テーマも入れた状態での確認ができません。もしも変なレイアウトになった場合はゴメンナサイ。

Cocoonのフッターを装飾する方法

例として、フッターの背景に色を付けて、上にボーダー(罫線)を入れていきます。

/*フッターをカスタマイズ*/
#footer{
	border-top: 2px solid #333333;
	background: #CCCCCC;
}

上のコードをコピーします。

「外観」>「カスタマイズ」をクリックします。

「追加CSS」をクリックします。

「追加CSS」の青枠内にペーストして「公開」をクリックします。

このようにフッターに罫線と背景色を付けることができました。

色を変更する場合

例(上の青枠)のコードの中で #****** と英数字がありますが、ココは色を指定する箇所です。borderは枠、backgroundは背景です。色見本を見て、好きな色に変更して下さい。(先頭の「#」、最後の「;」は入れ忘れないで下さい。)

ボーダー(罫線)の太さを変更したい場合は、border-top内の数字を変更して下さい。

スポンサーリンク
スポンサーリンク
アフィモンのネットで稼ぐぞ!初心者向けアフィリエイトで小遣いを稼ぐ方法

コメント

タイトルとURLをコピーしました