H1,H2のスタイルを変更する!テーマTwentyelevenのカスタマイズ(2)

最近あまり人気がないのか、最新デフォルトテーマであるTwentyelevenに関するカスタマイズ記事が多くないように感じましたので、ここに(自分が試したことだけですが)情報を残します。

  1. ブログ名を画像にする
  2. H1,H2のスタイルを変更する

H1,H2のスタイルを変更する

このブログ自体がその実験場と化していますが、テーマTwentyelevenのH1,H2のスタイルを変えました。

変更したソースは1つ。

  1. style.cssの変更

style.cssの変更

720行目あたりに

.entry-title {
	clear: both;
	color: #222;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: .3em;
	padding-top: 15px;
	padding-left: 20px;
	border-left: 15px solid #556b2f;/* customized at 20111008JST0938 refer to http://www.colordic.org/ */
	border-bottom: 1px solid #808080;/* customized at 20111008JST0938 */
}

の最後の2行を追加。もちろんほかの設定でも面白いと思います。

756行目あたりに

.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
	color: #000;
	font-weight: bold;
	margin: 0 0 .8125em;
	border-bottom: 3px solid #808080;/* customized at 20111008JST0938 */
}

の最後の1行を追加。実例は本ブログを見てください

お世話になったリンク

デフォルトテーマのカスタマイズ:ブログタイトルを画像にする

デフォルトテーマのカスタマイズ:見出しタグの変更

以上です。