WordPress カテゴリー 投稿数を表示する
ブログの記事も溜まってきたので、
カテゴリーの投稿数を表示させるようにしました。
その方法を備忘録としてまとめておきます。
WordPressのウィジェットの設定
WordPress管理画面から「外観」⇒「ウィジェット」を開きます。
サイドバーのカテゴリを選択し、投稿数を表示にチェックを入れて保存を押します。
さて、投稿数が表示されているかサイトを表示して確認してみます。
投稿数が改行されて表示されてしまっているようです。
改行を入らないようにするには、以下の2つの方法がありました。
・方法1:CSSスタイルの変更
・方法2:投稿数をリンクタグ内に入れる
方法1:CSSスタイルの変更
私の場合、改行が入る原因は、サイドメニューのdisplayプロパティがblock指定されていたためです。
style.cssを以下のように修正しました。
1 2 3 4 5 |
.blogmenu li a {display: inline-block; padding: 10px 5px; color: #666666; font-size: 14px; text-decoration: none} |
displayプロパティをinline-blockに変更することで改行が入らず表示できました。
方法2:投稿数をリンクタグ内に入れる
上記の方法でも良かったのですが、投稿数だけ浮いて見えるので、
リンクタグ内に入れる方法を調べました。
以下の処理をfunctions.phpに記載することで、
リンクタグ内に投稿数が入ります。
1 2 3 4 5 6 |
// カテゴリの投稿数をaタグの中に add_filter( 'wp_list_categories', 'my_list_categories', 10, 2 ); function my_list_categories( $output, $args ) { $output = preg_replace('/<\/a>\s*\((\d+)\)/',' ($1)</a>',$output); return $output; } |
これで、投稿数がリンク内に入りました。
ちなみに、アーカイブ(年月表示)の投稿数をリンクタグ内に入れるには
以下のコードをfunctions.phpに記載すればOKです。
1 2 3 4 5 6 |
// アーカイブの投稿数をaタグの中に add_filter( 'get_archives_link', 'my_archives_link' ); function my_archives_link( $output ) { $output = preg_replace('/<\/a>\s*( )\((\d+)\)/',' ($2)</a>',$output); return $output; } |
まとめ
以上、カテゴリーの投稿数を表示する方法でした。
参考になれば幸いです。
スポンサーリンク