HCDコンサルティング(旧・中川勉社会保険労務士事務所FPウェブシュフ)のブログ

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>

見出しらしくなりました

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


投稿日

カテゴリー:

投稿者:

 最終更新日:

タグ: