ブログ記事の件数をショートコードでサイドバーに表示する方法

WordPress でサイドバーに「ブログ記事の件数」を表示したいときは、ショートコードを使うのが便利です。
この記事では [post_count] というショートコードを作成し、記事数を出力する方法をご紹介します。

1 実装のポイント

• functions.php にショートコード用の関数を追加
• [blog-count] を使うと記事件数を自動で表示

2 functions.php にコードを追加

//-------------------------------------------
// 投稿件数を表示するショートコード
//-------------------------------------------
function blog_count_shortcode() {
    $count = wp_count_posts();
    $published = !empty($count->publish) ? $count->publish : 0;
    return number_format_i18n($published);
}
add_shortcode('blog-count', 'blog_count_shortcode');

サイドバーに表示する場合

[blog-count]
  

3 汎用CSS

 /* -----------------------------
 * 投稿件数表示用のボックススタイル
 * ----------------------------- */

.post-count-box {
    display: inline-block;       /* 横並びの要素と一緒に表示可能、幅は内容に合わせる */
    background: #f5f5f5;        /* 薄いグレー背景 */
    padding: 6px 12px;           /* 内側の上下・左右の余白 */
    border-radius: 4px;           /* 角を丸くする */
    font-weight: bold;            /* 文字を太字に */
    color: #333;                  /* 文字色を濃いグレーに */
}
  

4 完成イメージ

○の中の数字が投稿件数です。

5 代用プラグイン

コードを書くのが難しい場合は、記事件数を表示できる以下のようなプラグインを利用する方法もあります。

• WP-Statistics
• Simple Blog Stats

6 まとめ

ショートコードを使えば、WordPress のサイドバーに簡単に投稿件数を表示できます。
サイトの成長を見せたり、記事数を公開することでユーザーに信頼感を与える効果もあります。
デザインは CSS で自由にカスタマイズしてください。