何度も言いますが、twentyelevenはよく出来たレスポンシブテーマです。しかし、あまりにモノトーンです。今回は、個別記事中の見出し(h2,h3)に色をつけてみます。
まず、style.cssで次の部分を探します。
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
color: #000;
font-weight: bold;
margin: 0 0 .8125em;
}
.entry-content h3,
.comment-content h3 {
font-size: 10px;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
}
これをこのように変えます。
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
color: #000;
font-weight: bold;
margin: 0 0 .8125em;
}
.entry-content h2,
.comment-content h2 {
font-size: 26px;
border-color:slateblue;
border-style:solid;
border-width:0 0 0 15px;
}
.entry-content h3,
.comment-content h3 {
font-size: /**10px**/ 20px;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
border-color:blueviolet;
border-style:solid;
border-width:0 0 0px 10px;
}
すると、個別記事ページの中の見出しがだいぶ目立つようになりました。