WordPressのサイドエリアに親カテゴリーのみを一覧で表示させる方法
  • WordPressのサイドエリアに親カテゴリーのみを一覧で表示させる方法
  • 記事公開:2015/01/09
  • 最終更新:2015/09/17

WordPressのサイドエリアに親カテゴリーのみを一覧で表示させる方法

今回はWordPressでカテゴリーの一覧を表示するとき、親カテゴリのみを一覧で表示する方法をご紹介します。カテゴリー階層が複雑なサイトを制作している中で、親カテゴリーのみを表示する方法が必要になりました。忘れないうちに勉強したことをメモっておきます。

この記事は約 2 分で読めます。

親カテゴリーのみを一覧で表示させる方法

まずは、普通にカテゴリーの一覧を表示させるタグを紹介します。
カテゴリーの一覧を表示させるタグは以下の通りです。

<?php wp_list_categories(); ?>

カテゴリーを表示させたい箇所に、上記のタグを設置すると親子階層を保持した状態で、全てのカテゴリーが一覧で表示されます。

このとき、カテゴリーページへのリンクも自動的に追加されます。

ただ、大量のカテゴリーを親子階層で構築しているとき、全てのカテゴリーを表示すると大変なことになってしまいます。そんな時、親カテゴリーだけを表示させたいと思うかと思います。

親カテゴリーだけを表示させたい場合は、以下のタグを設置しましょう。

<?php wp_list_categories('title_li=&depth=1'); ?>

このタグを設置すると、親カテゴリー(一番上のカテゴリー)だけを一覧で表示させることができます。

カテゴリーの階層が何階層にも分かれている場合で、例えば、上から○番目までのカテゴリーを一覧で表示させたい場合などは、上記タグの【=&depth=1】の数値部分を編集することで対応可能です。

例えば、数値を【2】にすると、2階層までのカテゴリーを一覧で表示させることができます。

まとめ

サイドエリアに親カテゴリーのみを一覧で表示させる方法をご紹介しました。

規模の大きなサイトを制作するときなど、使う機会があるかもしれません。
私は建築関連のポータルサイトを作成するとき、必要となったので勉強しました。

この機会に覚えておくと後々に役立つかもしれませんね!

この記事が気に入ったら【いいね】しよう!

Wordpressサイトのカスタマイズで
お困りではありませんか?

あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。
次に該当する方は、お気軽にご相談下さい。

  • Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。
  • Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のリンクからチェックしてみてください。

詳細を確認する

著者:とあるWEBディレクター

岡山在住のWebディレクターです。Wordpressを使ったWEBサイト制作を中心に7年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

  • 【WordPress】記事へのコメントを送信した後にサンクスページを表示させる方法

    WordPressで構築したサイトの記事へコメントを送信した後にサンクスページを表示させる方法をご紹介します。思いつきで調べてみたカスタマイズ方法ですが、どなたかのお役に立つとうれしいです。 記事を読む

  • レスポンシブ対策!電話番号リンクをPC表示の場合は無効にする方法

    電話番号リンクをPC表示の場合は無効にする方法をご紹介します。レスポンシブサイトで電話番号サイトを設置すると、PC表示の場合もリンクが生きており上手くありません。この辺りをサクッと解決する方法をご紹介しています。 記事を読む

  • WordPressの投稿・固定ページ・カテゴリーなどのIDを調べる方法

    WordPressの記事や固定ページ、カテゴリーなどには個別のIDが振り分けられています。このIDですが、何かしらのカスタマイズなどで必要になる機会が割りと多くあるように感じます。このページでは、記事・固定ページ・カテゴリーのIDを取得する方法をご紹介します。 記事を読む

  • カスタムフィールドの改行を反映させたまま表示する方法

    カスタムフィールドの改行を反映させたまま表示する方法をご紹介します。カスタムフィールドのテキストエリアで改行がそのまま反映されたら便利だと思いませんか?気になる方はこのコンテンツを2分間だけ読んでください。改行を反映させる方法がマスターできます。 記事を読む

  • WordPressサイトの投稿や固定ページにGoogle Adsenseを設置する方法

    WordPressサイトの投稿や固定ページにGoogle Adsenseを設置する方法をご紹介します。プラグインを使わずショートコードを利用する方法です。参考にしてください。コピペで実装可能ですので、参考にしてください。 記事を読む

コメントを残す


(必須)

CAPTCHA