wordpressのデフォルトテーマtwentyelevenは、少し地味なところを抜きにすれば、レスポンシブですばらしいテーマです。今回は、あまりにも地味すぎるカテゴリーページの見出しを少々目立たせることにしました。
カテゴリーページの見出しを太くするには、style.cssとcategory.phpを少しいじればいいです。
(子テーマを作成してtwentyelevenをカスタマイズしている方は、twentyelevenフォルダーのstyle.cssとcategory.phpをコピーして、子テーマフォルダーに貼り付けてからカスタマイズしてください。)
style.css
まず、style.cssのなかで、次の部分を探します。
.page-title {
color: #666;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 2.6em;
margin: 0 0 2.6em;
text-transform: uppercase;
}
これを以下のように変えます。
.page-title {
color: black;
font-size: 30px;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 30px;
margin: 0 0 10px 0;
text-transform: uppercase;
}
category.php
つぎに、category.phpで以下の部分を探してください。
<h1 class="page-title"><?php
printf( __( 'Category Archives: %s', 'twentyeleven' ), '<span>' . single_cat_title( '', false ) . '</span>' );
?></h1>
これを以下のように変えます。
<h1 class="page-title">
<?php single_cat_title();?>
</h1>
見出しらしくなりました
こんな感じでカテゴリータイトルが見出しらしく目立つようになりました。