WP_Admin_Bar::add_menu() │ public │ WP 3.3.0

Для этого в параметре title нужно добавить HTML тег dashicons, а также дополнительно к его классам добавить класс ab-icon. Рассмотрим такой пример:

add_action( 'admin_bar_menu', 'add_toolbar_link', 70 );

function add_toolbar_link( $wp_admin_bar ){

	$wp_admin_bar->add_menu( [
		'id'    => 'chartlink',
		'title' => '<span class="ab-icon dashicons-visibility" style="top:2px"></span><span class="ab-label">Views</span>',
		'href'  => '#',
	] );
}

В результате мы получим:

// Добавляет ссылку в админ бар
add_action( 'admin_bar_menu', 'my_admin_bar_menu', 30 );
function my_admin_bar_menu( $wp_admin_bar ){

	$wp_admin_bar->add_menu( array(
		'id'    => 'menu_id',
		'title' => 'Внешняя ссылка',
		'href'  => 'http://example.com',
	) );

	// дочерняя ссылка
	$wp_admin_bar->add_menu( array(
		'parent' => 'menu_id', // параметр id из первой ссылки
		'id'     => 'some_id', // свой id, чтобы можно было добавить дочерние ссылки
		'title'  => 'Дочерняя ссылка',
		'href'   => 'http://example.com/subpage',
	) );
}

В результате получим:

// дочерняя ссылка в меню сайта на страницу плагинов
if( ! is_admin() ){

	add_action( 'admin_bar_menu', function ( $wp_admin_bar ) {

		$wp_admin_bar->add_menu( array(
			'parent' => 'site-name', // id родительского элемента
			'id'     => 'plugins_link', // свой id, чтобы можно было добавить дочерние ссылки
			'title'  => 'Плагины',
			'href'   => admin_url('plugins.php'),
		) );
	}, 100 );
}

Чтобы настроить пункт меню, необходимо сначала найти правильный id (узел) ссылки.

Щелкните правой кнопкой мыши на ссылке меню в браузере и выберите Inspect Element - откроется инспектор, где можно увидеть html страницы.

Найдите тег id у выбранного элемента.

Например, если мне нужно настроить выпадающий список сайтов - я найду id: wp-admin-bar-site-name.

ID который нам нужен - это site-name, т.е. нужно удалить wp-admin-bar-.

Список ID (узлов)

На панели инструментов администратора имеются различные узлы верхнего уровня и подменю:

wp-logo
about
wporg
documentation
support-forum
feedback

site-name
dashboard
themes
customize
widgets
menus
customize-background
customize-header

comments

new-content
new-post
new-media
new-page
new-user

edit

user-actions (справа - рядом с изображением вашего аватара)
user-info
edit-profile
logout

При удалении узла верхнего уровня удаляется ссылка и подменю (если оно есть).

Примеры использования

Следующий код добавляет ссылку на медиатеку в выпадающее меню названия сайта.

add_action( 'admin_bar_menu', 'add_link_to_admin_bar',999 );

function add_link_to_admin_bar( $admin_bar ) {    

	$args = array(
		'parent' => 'site-name',
		'id'     => 'media-libray',
		'title'  => 'Media Library',
		'href'   => esc_url( admin_url( 'upload.php' ) ),
		'meta'   => false
	);

	$admin_bar->add_node( $args );       
}

Следующий код добавляет медиатеку и ссылку на плагины в выпадающее меню сайта.

add_action( 'admin_bar_menu', 'add_links_to_admin_bar',999 );

function add_links_to_admin_bar( $admin_bar ) {  

	$args = array(
		'parent' => 'site-name',
		'id'     => 'media-libray',
		'title'  => 'Media Library',
		'href'   => esc_url( admin_url( 'upload.php' ) ),
		'meta'   => false
	);

	$admin_bar->add_node( $args );

	$args = array(
		'parent' => 'site-name',
		'id'     => 'plugins',
		'title'  => 'Plugins',
		'href'   => esc_url( admin_url( 'plugins.php' ) ),
		'meta'   => false
	);

	$admin_bar->add_node( $args );
}

Следующий код добавляет ссылку верхнего уровня и ссылки подменю медиатеки и плагинов в выпадающий список Custom Made.

add_action( 'admin_bar_menu', 'add_top_link_to_admin_bar',999 );

function add_top_link_to_admin_bar( $admin_bar ) {

	// add a parent item
	$args = array(
		'id'    => 'custom',
		'title' => 'Custom Made',
		'href'   => 'http://example.com/', // Showing how to add an external link
	);

	$admin_bar->add_node( $args );

	// add a child item to our parent item  
	$args = array(
		'parent' => 'custom',
		'id'     => 'media-libray',
		'title'  => 'Media Library',
		'href'   => esc_url( admin_url( 'upload.php' ) ),
		'meta'   => false       
	);

	$admin_bar->add_node( $args );

	// add a child item to our parent item  
	$args = array(
		'parent' => 'custom',
		'id'     => 'plugins',
		'title'  => 'Plugins',
		'href'   => esc_url( admin_url( 'plugins.php' ) ),
		'meta'   => false       
	);

	$admin_bar->add_node( $args );                       
}

В этом примере заменим существующий узел идентификатора этого узла. Следующий код сделает дочерний узел с ID "new-post" (New > Post) родительским узлом.

add_action( 'admin_bar_menu', 'make_parent_node', 999 );

/**
 * Modifies the "Add New Post" Toolbar item to move it to the top-level.
 *
 * @param WP_Admin_Bar $wp_admin_bar Toolbar instance.
 */
function make_parent_node( $wp_admin_bar ) {

	$args = array(
		'id'     => 'new-post',                         // id of the existing child node (New > Post)
		'title'  => __( 'Add New Post', 'textdomain' ), // alter the title of existing node
		'parent' => false,                              // set parent to false to make it a top level (parent) node
	);

	$wp_admin_bar->add_node( $args );
}