![](https://taosan.org/wp-content/uploads/2020/08/PAK153131024_TP_V-1024x682.jpg)
![](https://taosan.org/wp-content/uploads/2020/06/profile_256x256.png)
サイドバーにあるアーカイブってあるけど、月の横へ投稿数を表示させたいんだけど、どうやるんだろう?...
本記事では、このような疑問に答えていきます。
本記事の内容
今回は、WordPressのテーマでAFFINGER5を使っている方へ向けて、月間の投稿数の表示方法を解説します。
というのも、AFFINGER5では、デフォルトでは、ご覧の通り、サイドバーにある月毎のアーカイブには、投稿数(記事数)が表示されません。
![](https://taosan.org/wp-content/uploads/2020/08/image-134.png)
今回は、月の横に、その月の投稿数を表示させる方法を解説したいと思います。
Contents
今回のゴール
繰り返しになってしまいますが、標準設定のままですと、左のBeforeように、月間の投稿数が表示されません。
そのため今回は、右のAfterのように、記事数を表示させることをゴールとします。
![](https://taosan.org/wp-content/uploads/2020/07/image-22.png)
投稿数を表示させる方法
手順①ウィジェットを開く
まず、WordPressにログインし、「外観」→「ウィジェット」→「サイドバーウィジェット」→「アーカイブ」をクリックします。
※筆者はアーカイブウィジェットを「スクロール広告用」に設置しているため、画像では「スクロール広告用」になっています。
![](https://taosan.org/wp-content/uploads/2020/07/image-23-1024x432.png)
手順②投稿数を表示させる
すると、メニューが展開されますので、「投稿数を表示」にチェックを入れ、「保存」をクリックします。
![](https://taosan.org/wp-content/uploads/2020/07/image-24.png)
手順③表示を確認する
これでサイドバーへ反映され、投稿数が表示されるようになります。
しかしながら、ご覧の通り、投稿数が改行されており、ズレて表示されています。
![](https://taosan.org/wp-content/uploads/2020/07/image-26.png)
これを改行されないように表示させるには、テーマの編集が必要になります。
そこで。次の章では、テーマの編集方法を説明します。
テーマの編集方法
手順①テーマエディターを開く
WordPressへログインし、「外観」→「テーマエディター」→プルダウンから「WING-AFFINGER5」→「選択」とクリックします。
※プルダウンメニューには「WING-AFFINGER5」と「WING-AFFINGER5 Child」がありますが、Childの付いていない「WING-AFFINGER5」の方を選択してください。
![](https://taosan.org/wp-content/uploads/2020/07/image-27-1024x436.png)
手順②テーマファイルを開く
テーマのための関数(functions.php)をクリックします。
![](https://taosan.org/wp-content/uploads/2020/07/image-28-1024x432.png)
手順③コードを入力する
スクロールして下の方へ行き、下記コードを貼り付けます。
//投稿数の表示
add_filter( 'get_archives_link', 'my_archives_link' );
function my_archives_link( $output ) {
$output = preg_replace('/<\/a>\s*( )\((\d+)\)/',' ($2)</a>',$output);
return $output;
}
![](https://taosan.org/wp-content/uploads/2020/07/image-29-1024x418.png)
手順④ファイルを更新する
最後に、「ファイルを更新」をクリックします。
![](https://taosan.org/wp-content/uploads/2020/07/image-30.png)
手順⑤表示を確認する
これでサイドバーを確認すると、月の横に投稿数が正しく表示されるようになりました。
バッチリですね!お疲れ様でした。
![](https://taosan.org/wp-content/uploads/2020/07/image-31.png)