管理バー (ツールバー)のカスタマイズ方法

管理バーとは、管理画面上部の黒いメニューの事です。

 

管理バー メニュー

管理バー メニュー

 

 

WP Admin UI Customize の管理バー設定では、サブメニューは最高4階層まで設定が可能です。

このスクリーンショットはその4階層を説明したものです。

 

サブメニューの4階層について

サブメニューの4階層について

 

 

 

メニューグループを使うと、使いやすいナビゲーションができます。

これは、メニューグループを設定した場合のスクリーンショットです。

 

メニューグループ設定例

メニューグループ設定例

 

メニューグループ表示例

メニューグループ表示例

 

 

 

custom_node (カスタムノード)について。

カスタムノードは2種類あります。

1) 標準 custom_node: 独自リンクを設定する為のカスタムノードです。

 

カスタムノード設定例

カスタムノード設定例

 

 

2) メニューグループ custom_node: たくさんのメニューを整理し見やすくする為のカスタムノードです。

 

メニューグループ設定例

メニューグループ設定例

 

 

 

 

フロントメニューを使う場合、そのメニューはフロント(サイト)だけで表示されます。

このスクリーンショットは、編集 メニューを設定した例です。

 

フロントメニュー設定例

フロントメニュー設定例

 

注意事項 

同じメニューは複数設定できません。設定した場合、このようになります。

例: my-account メニューを左と右の両方に設定

メニューを重複して設定

メニューを重複して設定

 

管理バーには設定したメニューのどちらか一方しか表示されません。

片方だけに適用されるメニュー

片方だけに適用されるメニュー

 

ただし、custom_nodeは複数設定できます。

 

 

フロントエンド(サイト又はホーム等)にもカスタマイズした管理バーを適用したい場合

WP Admin UI Customize の「サイトの設定」 > 一般 > admin_bar

という項目で、サイトでの管理バーの動作を指定することができます。

そこで指定してください。

 

フロントエンドでの管理バーの動作設定

フロントエンドでの管理バーの動作設定

 

 

説明は以上です。

カスタマイズを楽しんで下さい! 🙂