ワードプレステーマTwentyElevenの投稿記事内(サマリー)の背景色を変更する方法です。サイト全体の背景色を変更されたい場合はコチラを参考にしてみて下さい。

また、投稿記事内の文字のフォントやサイズ/色などの変更はコチラをご覧下さい。

さて、この投稿記事内の色変更をすると、どこまでがサマリーの領域なのかが分かると思います。こうやって、色々とカスタマイズしていく内にさらに構造が見えてきて、カスタマイズにも拍車がかかると思います。

TwentyElevenの投稿記事内の背景色変更はたったコレだけ!!

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

’スタイルシート’の中から次の箇所を見つけて下さい。

/* =Content
----------------------------------------------- */

#main {
	clear: both;
	padding: 1.625em 0 0;
}

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

.entry-meta a {
	font-weight: bold;
}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content,
.entry-summary {　/* ココです!! */
	padding: 1.625em 0 0;
}
.entry-content h1,
.entry-content h2,

このパートに追加/編集するだけでOK!!超簡単ですよね?例えばこんな感じにです。

/* =Content
----------------------------------------------- */

#main {
	clear: both;
	padding: 1.625em 0 0;
}

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

.entry-meta a {
	font-weight: bold;
}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content,
.entry-summary {　/* ココです!! */
	background: #faf9f9;
	padding: 1.625em 0 0;
}
.entry-content h1,
.entry-content h2,

はい。たったコレだけで投稿記事内の背景色が変わったハズです。おぉ～って感じですよね(笑

チョッとした工夫でかなり見栄えが変化しますね☆

WordPressデザインブック　ステップバイステップ形式でマスターできる