WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマGriderのサイドバーにカテゴリー記事数を表示する方法

この記事は2016年2月5日に更新されたもので、内容が古い可能性がありますのでご注意ください。

Q.ウィジェット「カテゴリー」で記事数を表示したい

サイドバーにあるカテゴリーで記事数を表示させたいのですが、どのファイルを編集すればよいのでしょうか?

A.下記のphpファイルの該当箇所を編集します

編集するファイル:header.php
編集する箇所:

<?php wp_list_categories('orderby=name&title_li='); ?>

<?php wp_list_categories('orderby=count&order=desc&show_count=1&title_li='); ?>

このままだと記事数が改行されて表示されてしまうため、CSSを編集して見栄えを整えます。
下記箇所をご編集ください。

編集するファイル:style.css
編集する箇所:

#side_category ul li a { display:block; padding:10px; margin:0 0 2px 0; text-decoration:none; font-size:11px; background:#65c8e8; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

  ↓

#side_category ul li a { display:inline-block; padding:10px; margin:0 0 2px 0; text-decoration:none; font-size:11px; background:#65c8e8; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:60%;}

※displayを変更し、widthを加えています。上記のwidthの値はあくまで一例ですので任意にご変更ください。

Griderデモ

この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施をお願いいたします。

またカスタマイズ内容は、バージョンにより異なる場合がございますこと予めご理解賜りますようお願いいたします。

お問合せ・ご要望

TCD LABOへのお問合せやご要望は
ご連絡フォーム をご利用ください。