Как добавить иконку Dashicon в заголовок пункта меню администраторской панели

Чтобы добавить иконку Dashicon в заголовок пункта меню администраторской панели WordPress, нужно использовать несколько простых шагов. Также потребуется добавить класс ab-icon к HTML-элементу, который указывается в атрибуте title. Давайте рассмотрим пример.

Пример кода

Вот код, который поможет вам добавить пункт меню с иконкой:

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

function add_toolbar_link( $wp_admin_bar ){
$wp_admin_bar->add_menu( [
'id' => 'chartlink',
'title' => 'Просмотры',
'href' => '#',
] );
}

Объяснение кода

1. add_action() — Это функция, которая привязывает вашу собственную функцию к определённому событию в WordPress. В данном случае мы используем событие admin_bar_menu.
2. add_toolbar_link() — Ваша собственная функция, которая содержит код для добавления пункта меню.
3. $wp_admin_bar->add_menu() — Этот метод добавляет новый пункт в администраторскую панель.
   • id — уникальный идентификатор пункта меню.
   • title — заголовок пункта меню, где мы добавляем иконку Dashicon (в данном случае dashicons-visibility).
   • href — ссылка, на которую будет вести пункт меню. Здесь мы ставим #, чтобы сделать его неактивным.

Где найти иконки Dashicons

Вы можете просмотреть доступные иконки Dashicons на официальной странице разработчиков WordPress. Для этого просто поищите "Dashicons" в документации WordPress.

Заключение

Добавление иконок Dashicons в заголовки пунктов меню администраторской панели помогает сделать интерфейс более удобным и наглядным. Используйте этот простейший код для настройки своих пунктов меню и делайте свою администраторскую панель уникальной и информативной.