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

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

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

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

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

こんな場合におススメ

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

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

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

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

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

インストール方法

WP-dTree インストール

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

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

手動でインストールする方法はコチラ
WordPressのプラグインをインストールする方法WordPressのプラグインをインストールする方法

設定

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

Animate: Duration (milliseconds)アニメーションさせるかの選択と時間(ミリ秒)の指定
Disable WP-dTree’s default stylesheetWP-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 RSSRSSのリンクを表示するかの選択

カテゴリーの設定

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 RSSRSSのリンクを表示するかを選択

固定ページの設定

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】は、サイドバーなどのウィジェットにアーカイブやカテゴリーをツリービュー表示するプラグイン。
  • 長くなりがちなアーカイブリストなどを、すっきりと階層的に分かりやすく表示できます。

ランキングに参加しています。

にほんブログ村 IT技術ブログ WordPressへ
クリックしていただけると、ブログ更新の励みになります。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA