ワードプレステーマTwentyTwelveの記事コンテンツの背景に色をつける方法です。TwentyTwelveのサイドバーの背景色を変更する方法はコチラ♫

また、TwentyTwelveのサイト全体の文字(フォント/色/大きさ)の変更方法はコチラ♫

サイトコンテンツの背景色を変更するだけでも、かなりインパクトを与える事が出来ます。また、文字を際立たせる事により読みやすくもなりますし、印象深さを与えることにもなるでしょう。

ポイントは、あまり’濃い色’ではなく薄めの色を使われると良いのではないでしょうか。当サイトの場合は反対に、サイトに背景色をつけて記事コンテンツは白地にしてあります。

どちらも意味合いとしては同じ事です。記事コンテンツの背景に色をつけて、読みやすさと目立ちやすさを表現してみましょう。

記事コンテンツに背景色をつけるのはこんなに簡単!!

それでは、管理画面より「外観」⇒「テーマ編集」から’スタイルシート’を開き、次の箇所を見つけて下さい。(小テーマを使用している方は、小テーマ側のスタイルシートを編集して下さい)

/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
}
.entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

～～～～～～～～～　中略　～～～～～～～～

.entry-content,
.entry-summary,
.mu_register {　/* ココです!! */
	line-height: 1.714285714;
}

なんの設定もされていません。まっさらです(笑　ココに以下の様に追加/編集してみて下さい。

/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
}
.entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

～～～～～～～～～　中略　～～～～～～～～

.entry-content,
.entry-summary,
.mu_register {　/* ココです!! */
	background: #fafafa;
	line-height: 1.714285714;
}

たったコレだけです(笑　ねっ?超簡単だったでしょ?色は、お好みの色をカラーコード入力すればOKです。

これで、記事コンテンツの背景に色がついたハズです。これだけでも、かなりテンション上がっちゃいますよね☆