THE THORWordPress

【THE THOR】フッターの背景色のカスタマイズ

アイキャッチ画像 THE THOR(ザ・トール)
スポンサーリンク

WordPressテーマ THE THOR

別ブログのZMASAa.blogは、WordPressテーマ THE THOR(ザ・トール)を使って構築しています。

The main blog of masaa powered by WordPress.
スマホ、ガジェット、食玩などの記事をWordPressブログに毎日更新中!中の人はこれでもパパ。

WordPressテーマ THE THOR(ザ・トール)の「フッターの背景色」に関するカスタマイズについてまとめてみました。

WordPressテーマ THE THORのフッター

WordPressテーマ THE THOR(ザ・トール)で使われている「フッターの背景色」は次の様になっています。

【THE THOR】フッターの背景色のカスタマイズ

「フッターの背景色」が黒色で固定されているため、サイトデザインによっては合わない可能性があります。

フッターの背景色のカスタマイズ

「フッターの背景色」を変更するカスタマイズを行います。

カスタマイズ内容

「フッターの背景色」のカスタマイズは、下記の通りです。

このカスタマイズ内容を「スタイルシート(style-user.css)」に追記します。

/************************************
** ■フッターの色設定
************************************/
.bottomFooter {
	background-color: #fe619a !important; /*フッター背景色*/
}
.bottomFooter__copyright,
.bottomFooter__producer {
	color: #fff !important; /*フッター文字色*/
}

カスタマイズ後のフッターの背景色

今回のカスタマイズによって、WordPressテーマ THE THOR(ザ・トール)の「フッターの背景色」は次の様になりました。

【THE THOR】フッターの背景色のカスタマイズ

最後に

WordPressテーマ THE THOR(ザ・トール)に対する簡単なカスタマイズですが、これによりサイト全体とマッチングできる「フッターの背景色」となり違和感が無くなったと思います。

今回「フッターの背景色」だけ変更して文字色は白のままとなっていますが、文字色も必要に応じて変更可能にしてみました。

コメント