How to modify the Admin Bar (Toolbar)

For administrators, the black menu at the top of the screen is called the Toolbar (formerly known as the Admin Bar)

 

Admin Bar Menu

Admin Bar Menu

 

WP Admin UI Customize creates a maximum of four levels of menus on the
Toolbar

This screenshot shows an example of Sub menus.

 

About Levels of Sub menus

About Levels of Sub menus

 

 

 

Menu Groups provide user-friendly navigation.

These screenshots show the creation of a Menu Group and the user view.

 

Settings of Menu Group

Settings of Menu Group

 

Show the Menu Group

Show the Menu Group

 

 

 

About the custom_node.

There are two types custom_node.

1) Normal custom_node: This custom_node is setting for the unique link.

 

Custom Node

Custom Node

 

 

2) Menu Group custom_node: This custom_node is easily viewable for many menus.

 

Custom Node Menu Group

Custom Node Menu Group

 

 

 

 

If use the front menu item, It is show only on the front-end(Site).

For example screenshot to Edit Link.

 

Frontend Item

Frontend Item

 

 

Please read notice. 

Setting is not possible to multiple same menu. Display like this if you have settings.

For example: Setting to both Right and Left in the my-account menu.

Duplicate menu

Duplicate menu

 

It does not appear in the both because it is a duplicate.

Menu either

Menu either

 

However, custom_node is able to setting multiple.

 

 

If you want to apply the Admin Bar that is customization to Front-end.

WP Admin UI Customize > Site Settings > General > admin_bar

You can choose the work of the Admin Bar of the Front-end.

Please choose to you want to work.

 

Apply AdminBar for Front-end

Apply AdminBar for Front-end

 

 

 

 

 

 

That’s all. Thanks for reading to the end.

Enjoy the customization! 🙂