[WordPress] Twenty Twelveで記事タイトルの色、文字サイズ、太さなどを変更する方法



リンクのついた記事タイトルは、デフォルトでは水色ですが、それを変更したい場合の設定方法を説明します。

まず、style.cssの中のentry-titleを記述してある部分を探します。

.entry-header .entry-title {
	font-size: 20px;
/*	font-size: 1.428571429rem;
*/
	line-height: 1.2;
	font-weight: bold; /*元の値はnormal*/
}
.entry-header .entry-title a {
	color: #333333; /*追加*/
	text-decoration: none;
}

.entry-header .entry-title a の中にcolor:#好みの色;を記述します。
これで、リンクのついた記事タイトルの色が変わります。

私は、さらに記事タイトルの文字を太くしたかったので
.entry-header .entry-title のfont-weightをnormalからboldに変更しました。

他にも、記事タイトルの文字の大きさ(font-size)などもここで設定できます。
font-sizeを変更するときは、remをコメントアウトするか再計算してください。
remはCSS3で新しく登場したhtmlのフォントサイズを1とした単位です。

スポンサードリンク

関連記事