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

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

WordPressテーマ THE THOR

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

ZMASAa.blog│購入品やイベントなどの記事を掲載するmasaaのWordPressブログサイト③
購入品やイベントなどの記事を掲載するmasaaの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(ザ・トール)に対する簡単なカスタマイズですが、これによりサイト全体とマッチングできる「フッターの背景色」となり違和感が無くなったと思います。

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

コメント