Как сделать админку WordPress приятнее и понятнее: плагин Admin Menu Editor

При работе с админ-панелями сайтов на WordPress я часто сталкивался с хаосом в боковом меню. Такое количество разделов в хаотичном порядке буквально сбивает с толку. Особенно такая админка будет тяжела к пониманию для обычного заказчика.

Стандартная админка WordPress с разными типами записей, плагинами и другими разделами
Стандартная админка WordPress с разными типами записей, плагинами и другими разделами

Сегодня разберемся, как это исправить и сделать меню админки в разы удобнее.

Используем плагин Admin Menu Editor.

Качаем, активируем и заходим в настройки.

Как сделать админку WordPress приятнее и понятнее: плагин Admin Menu Editor

В настройках мы видим различные функции, но в основном пригодятся две:

🟢 New Separator - добавляет разделяющую линию между элементами меню
🔴 Delete Menu - скрывает любой элемент меню

Настройки Admin Menu Editor
Настройки Admin Menu Editor

Далее настроим все под себя. К примеру, я скрыл разделы «Записи» и «Комментарии», а также выстроил пункты меню в удобном порядке: страницы, типы записей, страницы ACF-опций, плагины и т.д.

Уже с этими действиями админка будет выглядеть лучше, но есть небольшая загвоздка. Стандартный разделитель пунктов меню в WordPress (Separator) не имеет цвета, поэтому добавим его вручную.

Для этого создадим отдельный css файл для стилей админки, к примеру, admin-style.css и поместим в него следующее:

#adminmenu li.wp-menu-separator { height: auto; width: 100%; margin: 15px 0; } #adminmenu div.separator { height: 1px; background: rgba(255, 255, 255, .4); }

Здесь я немного увеличил отступы от Separator и добавил ему фоновый цвет.

Далее нужно подключить этот файл на хуке «admin_enqueue_scripts» в файле functions.php

function my_admin_styles() { $theme_path = get_template_directory(); $theme_url = get_template_directory_uri(); wp_enqueue_style( 'admin-style', $theme_url . '/css/admin-style.css', [], filemtime($theme_path . '/css/admin-style.css'), ); } add_action('admin_enqueue_scripts', 'my_admin_styles');

Теперь админ-панель стала гораздо понятнее благодаря структурированному меню и разделению пунктов с помощью цветных линий.

Админка WordPress после применения плагина и стилей
Админка WordPress после применения плагина и стилей

Вот так, всего за несколько минут можно сделать админ-панель WordPress гораздо удобнее. Многие разработчики пренебрегают этим, но поверьте, так вы в разы облегчите навигацию по админке для заказчика.

Понравилась статья?

Тогда подписывайтесь на мой Telegram-канал о создании сайтов. Там я простыми словами рассказываю о разработке, делюсь полезными фишками и лайфхаками для коллег. Присоединяйтесь!

2
Начать дискуссию