概要

WordPressで作ったメニューをウイジェットで階層付きのツリー・ナビゲーションとして表示します。

特徴

1. 設定無し
2. シンプル表示
3. WordPressで作成したメニューをそのまま使用
4. アイコンも無い階層付きのツリー・ナビゲーション
5. ウイジェットで対象のメニューを選択
6. テーマは１種類のみですがCSSでカスタマイズ可能
7. 簡単導入
8. WordPress公式プラグイン

インストール

「ダッシュボード」->「プラグイン」->「新規追加」->「WP-Parsi navigation trees 」で検索。WP-Parsi navigation trees を見つけたら「今すぐインストール」->「プラグインを有効化」をします。

設定

設定の画面は無いです。

メニューの作成

WordPress のダッシュボードからメニューを選択します。新規作成で専用のナビゲーションメニューを登録します。

以下は作成したメニューのサンプルです。

ここで言っておきたいことはマウスでクリックしてもナビゲーションしないフォルダの作成です。以下の様にURLに「#」を入れます。

ウイジェット

テーマにWP-Parsi navigation trees プラグイン専用のウイジェットが追加されています。

これをサイドバーに追加します。以下の様にメニューを選択できるプルダウンリストが表示されます。

これで保存するとウイジェットにメニューの内容がツリー・ナビゲーションで表示されます。初期表示は閉じた状態です。

備考

1. 配置できるウイジェットは１つだけです。複数のメニューを使って複数のウイジェット表示は出来ません。が、WordPress公式サイトに要望としてコメントを出しておきました。バージョンアップが楽しみです。

以上。