Admin Bar (панель инструментов WordPress)

Что такое Admin Bar

Admin Bar (Toolbar, панель инструментов) — это тёмная полоса в верхней части экрана, которая отображается, когда вы вошли в систему WordPress. Посетители сайта её не видят.

Элементы Admin Bar (слева направо)

• W-логотип (инфо о WordPress) — ссылки на документацию .org, форумы поддержки, обратную связь
• Название сайта — переход на главную страницу сайта
• + Добавить — быстро создать запись, медиафайл, страницу или пользователя
• Комментарии — последние комментарии (если активны)
• Внешний вид — быстрый доступ к темам, Customizer, редактору, меню, виджетам
• Плагины — быстрый доступ к плагинам (для администраторов)
• Пользователи — профиль, выход
• Поиск — поиск по контенту сайта

Набор элементов зависит от установленных плагинов и прав пользователя.

Доступность

Admin Bar виден только авторизованным пользователям. Посетители сайта его не видят. По умолчанию отображается и во фронтенде, и в админке.

Как показать/скрыть Admin Bar

Для текущего пользователя

1. Пользователи → Ваш профиль
2. Снимите или поставьте галку «Показывать верхнюю панель при просмотре сайта»
3. Сохраните

Через код (отключить для всех)

add_filter('show_admin_bar', '__return_false');

Через код (скрыть для всех кроме администраторов)

add_filter('show_admin_bar', function ($show) {
    return current_user_can('administrator') ? $show : false;
});

JS пример: добавить индикатор окружения в Admin Bar

document.addEventListener('DOMContentLoaded', () => {
  const adminBar = document.getElementById('wpadminbar');
  if (!adminBar) return;

  const badge = document.createElement('span');
  badge.textContent = 'STAGING';
  badge.style.cssText = 'background:#e67e22;color:#fff;padding:2px 8px;margin-left:8px;font-size:11px;border-radius:2px';

  const siteName = adminBar.querySelector('#wp-admin-bar-site-name .ab-item');
  if (siteName) siteName.appendChild(badge);
});

Что делает код:

• Добавляет оранжевый бейдж «STAGING» в Admin Bar, чтобы не перепутать тестовый и боевой сайты.

Материалы и источники

• Admin Bar — оригинальная статья