← Все статьи

Туториалы

Перекройте админку WordPress (wp-admin) с JustZix

Консоль WordPress быстро захламляется: каждый плагин подкидывает своё уведомление, промо-баннер или просьбу об оценке, редактор записей уже, чем мог бы быть, а таблицы списков трудно просматривать. Исправить это в настройках нельзя — но можно наложить собственный CSS и JS правилом JustZix, привязанным к /wp-admin/. Вот несколько готовых настроек, которые делают панель спокойной и читаемой.

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

Самый большой источник шума в wp-admin — это .notice, полоса уведомлений над содержимым. Плагины наполняют её рекламой платных версий, просьбами о рецензии и напоминаниями об обновлениях. У WordPress нет глобального выключателя, поэтому скрываем их с помощью CSS:

/* Скрыть промо-баннеры и просьбы плагинов */
#wpbody-content .notice,
#wpbody-content .updated,
#wpbody-content .update-nag,
#wpbody-content .notice-info,
.wp-pointer {
  display: none !important;
}

/* ...но оставить видимыми реальные предупреждения об ошибках */
#wpbody-content .notice-error,
#wpbody-content .notice-warning {
  display: block !important;
}

Мы оставляем .notice-error и .notice-warning, потому что именно они несут важные сообщения — критическое обновление, проблема с базой данных. Рекламный шум исчезает, важное остаётся.

Расчистить меню консоли

Левое меню (#adminmenu) со временем разрастается — один плагин, один новый пункт. Если какими-то разделами вы никогда не пользуетесь, их можно скрыть. У каждого пункта меню есть стабильный CSS-идентификатор:

/* Скрыть пункты меню, которыми вы не пользуетесь */
#adminmenu #menu-comments,
#adminmenu #menu-tools,
#adminmenu li#menu-dashboard ul li:nth-child(2) {
  display: none !important;
}

/* Более узкое меню = больше места содержимому */
#adminmenu .wp-menu-name {
  font-size: 13px;
}

Идентификатор пункта найдёте в DevTools — наведитесь на элемент <li> внутри #adminmenu и прочитайте его id (например, menu-plugins, menu-users).

Более широкий редактор и закреплённый блок «Опубликовать»

В классическом редакторе колонка содержимого уже, чем должна быть. Расширьте её за счёт колонки метабоксов, а панель публикации закрепите, чтобы кнопка Опубликовать всегда была под рукой:

/* Более широкая колонка содержимого в классическом редакторе */
#post-body-content {
  margin-right: 300px;
}
#postbox-container-1 {
  width: 280px;
}

/* Липкий блок «Опубликовать» */
#postbox-container-1 #submitdiv {
  position: sticky;
  top: 50px;
  z-index: 10;
}

Читаемые таблицы списков

Таблицы записей, страниц и комментариев (.wp-list-table) довольно разрежённые. Уплотните их и подсветите строки, чтобы взгляд не терялся:

/* Более плотные, читаемые таблицы списков */
.wp-list-table td,
.wp-list-table th {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.wp-list-table tbody tr:hover {
  background: #f0f6fc !important;
}
.wp-list-table .check-column {
  width: 2.2em !important;
}

Более тёмная, спокойная админка

Если вы работаете в wp-admin по вечерам, яркий фон утомляет. У WordPress есть цветовые схемы, но они не покрывают всю панель. Лёгкий слой CSS затемняет фон содержимого:

/* Слегка затемнённый фон админки */
#wpbody-content,
.wrap {
  background: #1e1e1e !important;
  color: #e4e4e4 !important;
}
#wpbody-content .wp-list-table {
  background: #2a2a2a !important;
}
#wpbody-content a {
  color: #6cb6ff !important;
}

Это упрощённая тёмная тема — полноценная требует работы над полями форм. Держите её отдельным правилом и включайте вечером одним кликом с панели действий.

Скрыть «Помощь», «Настройки экрана» и доработки Gutenberg

Верхние вкладки Помощь и Настройки экрана нужны редко. В блочном редакторе вместо этого стоит расширить область письма:

// Скрыть вкладки «Помощь» / «Настройки экрана» (JS, document_idle)
['#contextual-help-link-wrap', '#screen-options-link-wrap']
  .forEach(sel => {
    const el = document.querySelector(sel);
    if (el) el.style.display = 'none';
  });

// Gutenberg: более широкая область содержимого
const css = document.createElement('style');
css.textContent =
  '.editor-styles-wrapper .wp-block { max-width: 900px; }';
document.head.appendChild(css);

Соберите свой набор

Держите каждую настройку отдельным именованным правилом — «wp-admin: без уведомлений», «wp-admin: широкий редактор», «wp-admin: тёмная» — каждое привязано к шаблону */wp-admin/*. Тогда за несколько секунд вы подстроите панель под задачу: чистая консоль утром, тёмная тема вечером.

Готовые правила для админки WordPress есть в каталоге — посмотрите примеры для wp-admin и скопируйте то, что подходит. Установите JustZix и расчистите свою консоль уже сегодня.

Оцени эту статью

Оценок пока нет — оцени первым.

Попробуй сам

Установи JustZix и вставь любой сниппет из этой статьи. Две минуты от нуля до работающего правила на всех твоих устройствах.

Получить JustZix

Возможности · Как это работает · Примеры · Применение