デザイン制作、Web制作、ブログ運営などのノウハウを配信するサイト

WordPress カテゴリー 投稿数を表示する

ブログの記事も溜まってきたので、
カテゴリーの投稿数を表示させるようにしました。
その方法を備忘録としてまとめておきます。

スポンサーリンク

WordPressのウィジェットの設定

WordPress管理画面から「外観」⇒「ウィジェット」を開きます。
スクリーンショット 2016-03-24 12.01.22

サイドバーのカテゴリを選択し、投稿数を表示にチェックを入れて保存を押します。
スクリーンショット 2016-03-24 12.01.49

さて、投稿数が表示されているかサイトを表示して確認してみます。
投稿数が改行されて表示されてしまっているようです。
スクリーンショット 2016-03-24 12.03.32

改行を入らないようにするには、以下の2つの方法がありました。
・方法1:CSSスタイルの変更
・方法2:投稿数をリンクタグ内に入れる

方法1:CSSスタイルの変更

私の場合、改行が入る原因は、サイドメニューのdisplayプロパティがblock指定されていたためです。
style.cssを以下のように修正しました。

displayプロパティをinline-blockに変更することで改行が入らず表示できました。

スクリーンショット 2016-03-24 12.05.20

方法2:投稿数をリンクタグ内に入れる

上記の方法でも良かったのですが、投稿数だけ浮いて見えるので、
リンクタグ内に入れる方法を調べました。
以下の処理をfunctions.phpに記載することで、
リンクタグ内に投稿数が入ります。

これで、投稿数がリンク内に入りました。
スクリーンショット 2016-03-24 12.09.22

ちなみに、アーカイブ(年月表示)の投稿数をリンクタグ内に入れるには
以下のコードをfunctions.phpに記載すればOKです。

まとめ

以上、カテゴリーの投稿数を表示する方法でした。
参考になれば幸いです。

スポンサーリンク

いいね!を押すと、
最新記事をお届けします。

Twitter で

ブログ用WordPress無料テーマ
「chameleon(カメレオン)」

WordPressテーマ(chameleon)は、「WordPressで手軽・気軽にブログ始められる」をコンセプトに制作しました。
初めてWordPressでブログを始める方、是非シンプルなテーマchameleon「カメレオン」を使ってみてください!

ブログ用無料WordPressテーマ

士業用WordPress無料テーマ
「InomaExpertBasic」

士業用の無料WordPressテーマを作成しました。
もちろん、一般的なビジネスサイトに活用できます。
自分でサイト更新したい方、
これからホームページを立ち上げようとする方、
自分でWordPressテーマを作ってみたい方、
この無料テーマを是非活用してみてください。

無料WordPressテーマ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


ページトップボタン