WordPressサイドバーウィジェットにカスタムタクソノミータームを表示する方法

WordPressのサイドバーにカスタムタクソノミー用語を表示したいですか?

カスタムタクソノミーを使用すると、カテゴリやタグを超えてコンテンツをグループ化できます。例えば、書籍レビューをフィクションとノンフィクションで整理するなどです。使用しているタクソノミー用語を表示することで、訪問者は探しているコンテンツを見つけやすくなります。

この記事では、WordPressサイドバーウィジェットにカスタムタクソノミータームを表示する方法を説明します。

WordPressサイドバーウィジェットにカスタムタクソノミータームを表示する方法

WordPressでカスタムタクソノミー用語を表示する理由

WordPressウェブサイトを初めてセットアップするときは、カテゴリとタグを使用して投稿を整理できます。これらの2つのタクソノミーで多くのウェブサイトは十分です。

ただし、一部のウェブサイトでは、投稿やカスタム投稿タイプを整理する追加の方法としてカスタムタクソノミーを利用できます。

例えば、「Books」というカスタム投稿タイプを作成した場合、「Topics」というカスタムタクソノミーを使用して、Adventure、Romance、Horrorなどの用語で並べ替えることができます。

そうすれば、WordPressのサイドバーにこれらのタームを表示することで、読者は各トピックで本を簡単に並べ替えることができます。

それを踏まえて、WordPressのサイドバーウィジェットにカスタムタクソノミー用語を表示する方法を見てみましょう。2つの方法をカバーしますが、最初の方法がほとんどのユーザーにおすすめです。

プラグインを使用してウィジェットにカスタムタクソノミータームを表示する

まず、TaxoPress is the WordPress Tag, Category, and Taxonomy Manager プラグインをインストールして有効化する必要があります。詳細については、WordPress プラグインのインストール方法のステップバイステップガイドをご覧ください。

カスタムタクソノミータームのリストを作成する

有効化したら、WordPress管理画面のTaxoPress » Terms Displayページに移動する必要があります。ここで、ウェブサイトに表示したいカスタム分類法とタームを構成できます。

タームの表示方法を設定する

「用語表示」項目がすでに1つ作成されており、サイトに表示したいタクソノミーを表示するように編集できることに注意してください。ただし、複数の用語リストを表示したい場合は、Proバージョンにアップグレードする必要があります。

アイテムを設定するには、「ターム表示」をクリックします。これにより、「ターム表示の編集」画面が表示され、表示したいタクソノミーアイテムを選択できます。

用語の表示方法を設定する

用語リストにタイトルを付ける必要があります。このチュートリアルでは、「ブック トピックス」と呼びます。

次に、サイドバーに表示したい投稿タイプとタクソノミーを表示する必要があります。デモウェブサイトでは、「書籍」というカスタム投稿タイプと「トピック」というカスタムタクソノミーがあるので、それらを選択します。

ウェブサイトでカスタムタクソノミーを設定するのにヘルプが必要な場合は、WordPressでカスタムタクソノミーを作成する方法に関するガイドをご覧ください。

最後に、使用したい表示形式を選択する必要があります。選択肢は「クラウド」と「リスト」です。このチュートリアルでは、「リスト」オプションを選択します。

多くのウェブサイトでは、これらが設定に必要なオプションすべてなので、「ターム表示を保存」ボタンをクリックして設定を保存してください。

ただし、編集用語表示ページにある他のタブには追加のオプションがあり、それらを簡単に見ていきます。

デフォルトでは、選択した分類法のすべてのタームが表示されますが、「タームの選択」タブを使用すると、最近使用されたターム、たとえば過去1か月または1年間に絞り込むことができます。タームの並べ替え順序やその他の関連設定も選択できます。

表示するタームを選択する

デザインタブには、タクソノミータームのリストの外観を決定するための設定があります。

例えば、表示する用語の数を選択したり、フォントサイズや色を選択したりできます。

用語の表示方法を選択

表示フォーマットタブはより技術的で、タームのフォーマットを変更できます。

各フィールドに入力する内容を学ぶには、提供されたドキュメントへのリンクをたどる必要があります。

用語表示フォーマット

これらの追加設定を変更した場合は、ページ下部にある「ターム表示の保存」ボタンをクリックして保存してください。

カスタムタクソノミータームのリストを表示する

次に、タクソノミータームのリストをWordPressのサイドバーに追加する必要があります。これはショートコードまたはウィジェットを使用して行うことができます。このチュートリアルではウィジェットを使用します。

まず、外観 » ウィジェットページに移動し、ページ上部の「+ ブロックインサーターの切り替え」ボタンをクリックする必要があります。次に、「用語表示(TaxoPressショートコード)」ウィジェットを見つけて、サイドバーにドラッグします。

ターム表示(TaxoPressショートコード)ウィジェットを追加する

次に、ドロップダウンメニューから表示したいタームのリストを選択する必要があります。このチュートリアルでは、先ほど作成した「Book Topics」リストを選択します。

これで、ページ上部にある「更新」ボタンをクリックして新しいウィジェットを保存し、ウェブサイトにアクセスして動作を確認できます。デモウェブサイトではこのようになります。

カスタムタクソノミータームのプレビュー

コードを使用してカスタムタクソノミータームをウィジェットに表示する

この方法はより高度であり、コードスニペットの操作に慣れており、仕組みを理解したい方におすすめです。この方法では、カスタムタクソノミーのタームがウィジェットにどのように表示されるかをより細かく制御できます。

まず、このコードをテーマのfunctions.phpファイルまたはサイト固有のプラグインに追加する必要があります。

// First we create a function
function list_terms_custom_taxonomy( $atts ) {
 
// Inside the function we extract custom taxonomy parameter of our shortcode
 
    extract( shortcode_atts( array(
        'custom_taxonomy' => '',
    ), $atts ) );
 
// arguments for function wp_list_categories
$args = array( 
taxonomy => $custom_taxonomy,
title_li => ''
);
 
// We wrap it in unordered list 
echo '<ul>'; 
echo wp_list_categories($args);
echo '</ul>';
}
 
// Add a shortcode that executes our function
add_shortcode( 'ct_terms', 'list_terms_custom_taxonomy' );
 
//Allow Text widgets to execute shortcodes
 
add_filter('widget_text', 'do_shortcode');

このコードは、1つのパラメータcustom_taxonomyを必要とするショートコード ct_terms を作成します。

このショートコードを使用するには、外観 » ウィジェットにアクセスし、ショートコードウィジェットをサイドバーにドラッグアンドドロップする必要があります。次に、ウィジェットに次のショートコードを追加し、ウィジェットページの最上部にある「更新」ボタンをクリックします。

[ct_terms custom_taxonomy=customtaxonomyname]

customtaxonomynameをリストしたいタクソノミーの名前に置き換えてください。このチュートリアルでは、「topics」タクソノミーを使用します。

サイドバーにショートコードウィジェットを追加する

ウィジェットを更新すると、カスタムタクソノミータームのリストがWordPressのサイドバーに表示されます。

デモウェブサイトでの表示は以下の通りです。リストのタクソミー用語を説明するために、ウィジェットタイトルを追加することもできます。

カスタムタクソノミータームのプレビュー

このチュートリアルで、WordPressのサイドバーウィジェットにカスタムタクソノミータームを表示する方法を学べたことを願っています。また、WordPressサイトへの訪問者を追跡する方法を学んだり、WordPressのベストお問い合わせフォームプラグインのリストを確認したりすることもできます。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

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

読者とのインタラクション

20 CommentsLeave a Reply

  1. 何時間もウェブサイトにカスタムタグの簡単なリストを作成しようとしていました!これを試したときは、ほとんど希望がありませんでしたが、うまくいったときは信じられませんでした!WPBeginnerでのあなたのすべての仕事に感謝しています。信じられないほど役立ちます。

  2. 「このプラグインは2018年11月25日に閉鎖され、ダウンロードできません。理由:ガイドライン違反。」

    • お知らせいただきありがとうございます。確認し、可能であればこの記事を更新します。

      管理者

  3. サイトでこの警告が表示されます。

    Warning: Use of undefined constant taxonomy – assumed ‘taxonomy’ (this will throw an Error in a future version of PHP) in…

    • エラーメッセージがどこから生成されているかによります。エラーが wp-content/plugins/plugin name からであると表示されている場合は、そのプラグインのサポートに連絡してください。彼らが対応できるはずです。

      管理者

  4. こんにちは、このコードは警告を出します:

    Warning: Use of undefined constant taxonomy – assumed ‘taxonomy’ (this will throw an Error in a future version of PHP) in /home/public_html/wp-content/plugins/code-snippets/php/snippet-ops.php(361) : eval()’d code on line 12

    どうすれば直せますか?
    ありがとうございます

  5. こんにちは、投稿内からこれを適用しようとしています。その投稿に関連付けたカスタムタクソノミーを一覧表示したいのですが、うまくいきません。どうすればできますか?よろしくお願いします!

    • ええ、私も現在、自分でこれを理解しようとウェブを検索しています。これに対する確実な答えは得られましたか?それは非常に基本的なニーズのように思えます。

  6. こんにちは。
    カスタムタクソノミーの各「スラッグ」の投稿数をショートコードでカウントするように設定する方法をご存知ですか?

  7. WPbeginner様

    コードありがとうございます。動作しました。ただし、タクソノミーを投稿に出力するために使用していますが、リスト構造がうまく表示されません(投稿の先頭に移動してしまいます)。

    リストではなく、spanでタクソノミーを出力する方法を教えてください。

    • 私も同じ問題を抱えており、コードを多少変更する必要がありました。

      引数に「echo」=>falseを追加してください

      $args = array( taxonomy => $custom_taxonomy, title_li => “”, ‘echo’ => false, );

      そして、それをエコーする代わりに値を「返す」ようにします。

      $widgettext = ” . wp_list_categories($args) . ”;
      return $widgettext;

      そして、リストがウィジェットボックス内に表示されます。

  8. 特定の期間(例:過去30日または90日)で最もよく使用されるカスタムタクソノミーの「リンク付き」トップ10を表示したい場合はどうすればよいですか?

  9. ついに! 役に立つ記事です。さまざまなアプローチを試しましたが、あなたの方法はシンプルで機能します。テーマのサイドバーリンクの外観を模倣するようにリストをスタイル設定しました。記事をありがとう!!

  10. チュートリアルありがとうございます。カスタムタクソノミーは表示されています。しかし、問題はリストが適切な階層になっていないことです。子リストが子として表示されていません。すべてのデータが単一の順序なしリストに表示されています。次に、親リストにクラスを付けたいのですが、たとえば、子にも同様にクラスを付けたいです。どうすれば可能ですか?

  11. こんにちは、
    サイドバーに選択した分類法を追加したいと考えています。プラグインはインストール済みで、正常に動作しています。しかし、コードを使用して選択した分類法を追加する方法があるかどうかを知りたい/学びたいです。表示したい、または表示したくない分類法のIDを手動で追加できる除外または含める機能のようなものはありますか。よろしくお願いします。

  12. この投稿は非常に参考になりますが、一点問題に直面しています。
    カスタムタクソノミーメニューウィジェットを使用しており、サイドバーにカスタムタクソノミーを表示することはできますが、カスタムタクソノミーのカテゴリリンクをクリックすると、「投稿が見つかりません」と表示されます。

    アーカイブページに問題はありますか?

    お願いします。

返信を残す

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