カテゴリーやアーカイブをツリービュー化する【WP-dTree】の使い方

記事数が増えてくると、サイドバーなどに表示したアーカイブやカテゴリーも、どんどん縦に長くなっていってしまいがちになります。
正直見た目がイマイチでかっこ悪い……。

もっとすっきりコンパクトにわかりやすく表示したい。
そんなときはカテゴリーやアーカイブをツリービュー表示するプラグイン【WP-dTree】がおススメです。

記事を階層的に表示するので、どのカテゴリー・アーカイブに属した記事を読んでいるかも分かりやすくなります。

こんな場合におススメ

  • アーカイブやカテゴリー等をツリービューで見やすくしたい
  • 長くなってしまったアーカイブやカテゴリー等をコンパクトにまとめたい

プラグインを使ってできること

  • アーカイブ・カテゴリー・固定ページ・リンク・メニュー・カスタムタクソノミーをツリー化し、階層的に表示する
スポンサーリンク

【WP-dTree】の使用イメージ

アーカイブとカテゴリーを【WP-dTree】を使って表示したもの。
WP-dTree 使用イメージ

インストール方法

WP-dTree インストール

  1. ダッシュボードから プラグイン > 新規追加 とクリックする
  2. WP-dTree“で検索する
  3. “今すぐインストール”をクリック。インストール後、有効化する

または、配布サイトからダウンロードして、インストール。
WP-dTree – WordPress プラグイン | WordPress.org

手動でインストールする方法はコチラ

関連記事

WordPressのプラグインをインストールする方法は、全部で3つあります。 ダッシュボードから検索してインストールする ダッシュボードからZIP形式のファイルをアップロードする FTPでサーバーにアップロードする […]

WordPressのプラグインをインストールする方法

設定

外観 > WP-dTree から設定を行う。
特に何もいじらなくても、デフォルトのままで大丈夫だと思います。
WP-dTree 設定

Animate: Duration (milliseconds) アニメーションさせるかの選択と時間(ミリ秒)の指定
Disable WP-dTree’s default stylesheet WP-dTreeデフォルトのスタイルシートを無効にするかを選択
Include noscript fallbacks
Javascript escape method

表示方法と表示に関する設定

WP-dTree 表示方法
外観 > ウィジェット から表示と表示に関する設定を行う
【WP-dTree Archives】・【WP-dTree Categories】・【WP-dTree Pages】・【WP-dTree Links】・【WP-dTree Menu】・【WP-dTree Taxonomies(beta)】の中で、表示したいものを使用したいウィジェットエリアに指定する

アーカイブの設定

WP-dTree 設定 アーカイブ1WP-dTree 設定 アーカイブ2

Title ウィジェットに表示するタイトル
Specify Post type 投稿タイプを指定(post(投稿)・page(ページ)・attachment・revision(リビジョン)・nav_menu_item・custom_css・customize_changeset・user_request)
Cache (recommended!) キャッシュするかを選択(キャッシュ推奨)
“open all”-link 『すべて開く』のリンクに表示するテキスト
open/close all separator 区切り文字
“close all”-link 『すべて閉じる』のリンクに表示するテキスト
Use lines ツリービューでノード間をライン表示するかを選択
Use icons アイコン表示するかを選択
Close same level ツリーを開いたとき、他のツリーを閉じるかを選択
Truncate titles タイトルの文字数。『0』ですべて表示
Folders are links フォルダにリンクを貼るかを選択。リンククリックで、そのカテゴリー等を表示する
Highlight selection 開いている記事をハイライト表示するかを選択
Open to selection 表示している記事のツリーを開くかの選択
Exclude 非表示にしたい記事のIDを指定
Force open to 常にツリーを開いておきたい記事IDを指定
Order 並び順を選択。ASC(昇順)・DESC(降順)
Include categories 表示したいカテゴリーIDを指定
Exclude categories 非表示にするカテゴリーIDを指定
Sort by 並べ替えを選択。Title(タイトル)・Menu Order・Date(投稿日)・ID・Modified・Author(投稿者)・Slug
Type 表示タイプ。『年月』で表示するか『年』で表示するかを選択
Limit posts 記事を何件表示するかの指定。『0』で全件表示
List posts 記事を一覧表示するかの選択
Show post count 記事数を表示するかの選択
Show RSS RSSのリンクを表示するかの選択

カテゴリーの設定

WP-dTree 設定 カテゴリー1WP-dTree 設定 カテゴリー2
上の方はアーカイブと大体同じなので、青枠内の項目のみ説明します。

Sort by 並べ替えを選択(name:カテゴリー名・id:カテゴリーID・slug:投稿スラッグ・count・group)
Sort posts by 記事の並び順を選択(Title:記事タイトル・Menu Order・Date:投稿日・ID:記事ID・Modified:更新日・Author:作成者ID・Slug:投稿スラッグ)
Post order 記事の並び順を選択(ASC(昇順)・DESC(降順))
Limit ツリー内に表示するカテゴリーの最大数を指定 『0』ですべて表示
Limit posts 記事を何件表示するかの指定。『0』で全件表示
Show more link 『Limit posts』で0以外を指定した場合に表示するリンクテキストを指定。
Show descendands of 選択したカテゴリーの子カテゴリーのみを表示する 『Select an ancestor』ですべて表示
Set “Child of” to active category
Only *direct* children of
Exclude posts 非表示にする記事IDを指定
Allow duplicate entries
Hide empty categories 記事のないカテゴリーを非表示にするかの選択
List posts 記事を一覧表示するかの選択
Show post count 記事数を表示するかの選択
Show RSS RSSのリンクを表示するかを選択

固定ページの設定

WP-dTree 設定 固定ページ1WP-dTree 設定 固定ページ2
上の方はアーカイブと大体同じなので、青枠内の項目のみ説明します。

Sort by 固定ページの並べ替えをする項目を選択(Title・Menu Order・Date・Modified・Author)
Meta key and value
Author ID(s) 固定ページの作成者IDの指定。指定するとその作成者のページのみが表示される
Show only children of 選択した固定ページの子ページのみを表示する
Show the parents of selected children too.
Set “Child of” to active page
Show only *direct* children of
Show no children from 選択した固定ページとその子ページみを非表示にする

リンクの設定

WP-dTree 設定 リンク1WP-dTree 設定 リンク2
上の方はアーカイブと大体同じなので、青枠内の項目のみ説明します。

Sort links by リンクの並び順を選(id・url・name・target・description・owner・rating・updated・rel・notes・rss・slug・random)
Order categories by 並び順を選択(ASC(昇順)・DESC(降順))
Sort categories by リンクカテゴリーの並べ替えを選択(id・slug・name・count)
Only from categories (IDs)
Only from category (name)
Show link count リンク数を表示するかの選択
Hide invisible リンクの件数が0の場合、リンクカテゴリーを表示しないかの選択
Show updated

メニューの設定

WP-dTree 設定 メニュー
上の方はアーカイブと大体同じなので、青枠内の項目のみ説明します。

Select Menu 選択したメニューを表示する

タクソノミーの設定

WP-dTree 設定 タクソノミー1WP-dTree 設定 タクソノミー2
タクソノミーに関しては、正直よく分からなかったので、省略させていただきます。
いつか理解できればいいのですが。

動作確認環境

  • バージョン 4.4.5
  • WordPress 5.2.2
このプラグインは上記の環境で動作を確認しましたが、ご使用の環境によっては、動作しないなどの不具合が起きる可能性がありますので、ご注意ください。

まとめ

  • 【WP-dTree】は、サイドバーなどのウィジェットにアーカイブやカテゴリーをツリービュー表示するプラグイン。
  • 長くなりがちなアーカイブリストなどを、すっきりと階層的に分かりやすく表示できます。
カテゴリーやアーカイブをツリービュー化する【WP-dTree】の使い方
最新情報をチェックしよう!
スポンサーリンク