Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressウィジェットで空のカテゴリーを表示する方法

WordPressのウィジェットに空のカテゴリーを表示したいですか?

初期設定では、WordPressのカテゴリー用Gutenbergブロックとサイトエディターウィジェットは、投稿が割り当てられていないカテゴリーを表示しません。

この投稿では、WordPressのウィジェットやブロックにこれらの空のカテゴリーを簡単に表示する方法を紹介します。

Displaying empty categories in WordPress sidebar widgets and blocks

なぜWordPressでは空のカテゴリーが表示されるのか?

初期設定では、WordPressのカテゴリーウィジェットや ブロックは空のカテゴリーを表示しません。

空のカテゴリーとは、現在投稿が割り当てられていないカテゴリーのことです。

Empty categories with no posts

しかし、サイトを作っている最中であれば、サイドバーウィジェットなどに空のカテゴリーを表示する必要があるかもしれない。

ウィジェットに空のカテゴリーが表示されると、サイトオーナーはそのカテゴリー用のコンテンツを作成するよう促され、コンテンツ戦略のギャップを埋めることができる。

それ以外にも、ゲスト投稿機能を持つニュースサイトやブログ記事を所有している場合は、空のカテゴリーを表示するのもよいでしょう。それは、ユーザーがそれらのカテゴリーに関連するコンテンツを投稿することを促すかもしれないからだ。例えば、ユーザーが自分の詳しいトピックに関連する空のカテゴリーを見れば、そのカテゴリーのコンテンツを送信する気になるかもしれない。

ということで、WordPressのサイドバーやブロック・ウィジェットに空のカテゴリーを簡単に表示する方法を見てみましょう。以下のリンクをクリックすると、お好みの方法にジャンプできます:

方法1.WPCodeでWordPressウィジェットに空のカテゴリーを表示する

テーマのfunctions.phpファイルにコードスニペットを追加することもできますが、WPCodeのようなプラグインを使用するのがベストです。

WordPressのコアファイルにカスタマイザーのコードを追加することの問題点は、ほんの些細なミスでもWordPressサイトを壊してしまい、アクセスできなくなってしまうことです。

WPCodeを使用することをお勧めします。WPCodeは、最も人気のあるコードスニペットプラグインです。これを使えば、WordPressサイトに好きなコードを簡単かつ安全に追加することができます。

まだやったことがない場合は、WordPressでカスタム・コード・スニペットを追加する方法をご覧ください。

まず、無料のWPCodeプラグインをインストールし、有効化する必要があります。詳しい手順は、WordPressプラグインのインストール方法をご覧ください。

有効化したら、Code Snippets+Add Snippetに移動します。

WPCode add snippet

スニペット・ライブラリでは、特定のユースケースに対応する実績のあるショートコードを多数提供しています。

カスタムコードの追加(新規スニペット)」をクリックすることから始めましょう。

Add your custom code

スニペットのタイトルを「空のカテゴリー」のように追加してください。

次に、コードタイプを「PHPスニペット」に変更します。

Php-snippet

次に、コード・プレビュー・ボックスの下に、以下のコードを追加する:

function wpb_list_categories() { 
 
// define category list parameneters
$args = array (
'echo'          => false,
'title_li'      => '',
'hide_empty'    => 0
); 
 
// get categories list
$display_cats = wp_list_categories($args); 
 
//display custom categories list
return $display_cats; 
}

こんな感じだ:

Code preview

このコードは、空のカテゴリーと入力されたカテゴリーを含むカスタマイザーリストを作成します。

その後、右上のスイッチを「Inactive」から「Active」に切り替えます。

そして、「スニペットを保存」ボタンをクリックします。

Save snippet

インサーターボックス’までスクロールダウンする。Insert Method’の隣にあるショートコードのオプションを選択する。

カテゴリーをメインサイドバーに追加したいので、WPCodeによって生成された「ショートコード」をコピーする必要がある。

Copy shortcode

WordPress管理エリアの外観 ウィジェットに移動します。

このページでは、サイトにコードを追加することができます。

Appearance widgets

メインサイドバー」のドロップダウン矢印を選択する必要があります。

次に「+」アイコンをクリックし、「ショートコード」を選択する。

Add shortcode to main sidebar

WPCodeによって生成されたショートコードをボックスに貼り付けます。

これにより、カスタムショートコードをメインサイドバーに追加することができます。

Paste shortcode

最後に、ページ右上の「更新」ボタンをクリックする。

これでサイトにアクセスして、カテゴリーリストを実際に見ることができる。

Update main side bar

これで、サイトをライブでプレビューできる。

投稿のあるカテゴリーだけでなく、空のカテゴリーも表示されるはずです。

Empty category displayed

このショートコードはWordPressの投稿やページにも使えます。

これは、訪問者がカテゴリー別にブラウズして、関連するトピックを見つけるのに最適な方法です。

Empty categories included in categories list

方法2.クラシック・ウィジェットに空のカテゴリーを表示する

この方法は、ブロックウィジェットを無効化し、WordPressサイトでクラシックウィジェットを使用している場合に使用できます。

この方法の利点は、ショートコードを作成する代わりに、初期設定のカテゴリーウィジェットの動作を変更できることです。

WPCodeに以下のコードを追加するだけです。上の例と同じ手順を踏んでください:

add_filter( 'widget_categories_args', 'wpb_force_empty_cats' ); 
function wpb_force_empty_cats($cat_args) { 
$cat_args['hide_empty'] = 0; 
return $cat_args; 
} 

このように見えるはずだ:

Add shortcode to the classic editor

その後、サイドバーにウィジェットを追加するだけです。これを行うには、方法1と同じプロセスを繰り返すことができます。

必要なことはすべて、WPCodeによって生成されたショートコードをコピーすることです。それをテキストウィジェットに貼り付け、変更を保存します。

最後に、あなたの変更点を確認するために、ライブサイトをチェックアウトすることができます。

これでカテゴリーリストに空のカテゴリーが表示されるはずです。

Empty category displayed

ボーナス:WordPressで特定のカテゴリーを非表示にする方法

WordPressではカテゴリーを非表示にすることもできる。長いカテゴリーリストがトップページに散らかっていて、重要なカテゴリーだけを表示したい場合に役立ちます。

さらに、サイトで強調したい重要な点にユーザーの注意を集中させることができる。

これを行うには、WPCodeをダウンロードする必要があります。その後、以下のカスタムPHPコードをコードプレビューボックスに追加してください:

function wpb_list_categories() { 
 
// define category list parameneters
$args = array (
'echo'          => false,
'title_li'      => '',
'exclude'               => '12,16,21',
'hide_empty'    => 0
); 
 
// get categories list
$display_cats = wp_list_categories($args); 
 
//display custom categories list
return $display_cats;
}
 
// create shortcode
add_shortcode('custom_categories_list','wpb_list_categories');

そして、非表示にしたいカテゴリーのIDを、コード内の除外オプションの隣に追加します。

設定が完了したら、「有効化」スイッチを切り替え、「スニペットを保存」ボタンをクリックして設定を保存します。

Hide specific categories

詳しくは、WordPressでカテゴリーを表示/非表示にする方法のチュートリアルをご覧ください。

WordPressウィジェットで空のカテゴリーを表示する方法について、この投稿がお役に立てば幸いです。また、WordPressの便利なTips、トリック、ハック WordPressテーマ開発チートシートもご参照ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

7件のコメント返信を残す

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Faisal

    Thanks…Its working fine……!!!

  3. Atilla Boz

    Hello and thank you. I tried this and it worked but I found out I was searching for something little different. You know when you set it the way that only one line is shown – when I set it that ways it still doen not show the empty cats. You know what I mean? If yes can you help? :)

    Best wishes from Germany, Cologne

  4. Wojciech Warczakowski

    Nice and simple, but I wonder what’s the purpose to show empty categories. Is there any other reason except local development?

    • Eric Nord

      nesting categories inside of empty categories

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。