採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

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

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の値はあくまで一例ですので任意にご変更ください。

この記事は役に立ちましたか?

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

同じテーマのカスタマイズ記事