ライフハック

【AFFINGER5】月間の記事数(投稿数)を表示する方法【アーカイブ】

2020-07-05

たお

サイドバーにあるアーカイブってあるけど、月の横へ投稿数を表示させたいんだけど、どうやるんだろう?...

本記事では、このような疑問に答えていきます。

本記事の内容

今回は、WordPressのテーマでAFFINGER5を使っている方へ向けて、月間の投稿数の表示方法を解説します。

というのも、AFFINGER5では、デフォルトでは、ご覧の通り、サイドバーにある月毎のアーカイブには、投稿数(記事数)が表示されません。

今回は、月の横に、その月の投稿数を表示させる方法を解説したいと思います。

今回のゴール

繰り返しになってしまいますが、標準設定のままですと、左のBeforeように、月間の投稿数が表示されません。

そのため今回は、右のAfterのように、記事数を表示させることをゴールとします。

投稿数を表示させる方法

手順①ウィジェットを開く

まず、WordPressにログインし、「外観」→「ウィジェット」→「サイドバーウィジェット」→「アーカイブ」をクリックします。

※筆者はアーカイブウィジェットを「スクロール広告用」に設置しているため、画像では「スクロール広告用」になっています。

手順②投稿数を表示させる

すると、メニューが展開されますので、「投稿数を表示」にチェックを入れ、「保存」をクリックします。

手順③表示を確認する

これでサイドバーへ反映され、投稿数が表示されるようになります。

しかしながら、ご覧の通り、投稿数が改行されており、ズレて表示されています。

これを改行されないように表示させるには、テーマの編集が必要になります。

そこで。次の章では、テーマの編集方法を説明します。

テーマの編集方法

手順①テーマエディターを開く

WordPressへログインし、「外観」→「テーマエディター」→プルダウンから「WING-AFFINGER5」→「選択」とクリックします。

※プルダウンメニューには「WING-AFFINGER5」と「WING-AFFINGER5 Child」がありますが、Childの付いていない「WING-AFFINGER5」の方を選択してください。

手順②テーマファイルを開く

テーマのための関数(functions.php)をクリックします。

手順③コードを入力する

スクロールして下の方へ行き、下記コードを貼り付けます。

//投稿数の表示
add_filter( 'get_archives_link', 'my_archives_link' );
function my_archives_link( $output ) {
  $output = preg_replace('/<\/a>\s*(&nbsp;)\((\d+)\)/',' ($2)</a>',$output);
  return $output;
}

出典:ワードプレス_表示関係 - WordPressやスタイルシート、画像編集など自分用メモ

手順④ファイルを更新する

最後に、「ファイルを更新」をクリックします。

手順⑤表示を確認する

これでサイドバーを確認すると、月の横に投稿数が正しく表示されるようになりました。

バッチリですね!お疲れ様でした。

-ライフハック

© 2021 たおさんのMyanmar Life