categoryページの見出しを大きく-WordPress Twenty Eleven

更新


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>

見出しらしくなりました

こんな感じでカテゴリータイトルが見出しらしく目立つようになりました。