Как подключить свои стили к админке Вордпресс

19 февраля 2021

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

Кворк — Заказать разработку лендинга

Иногда на клиентских сайтах бывает нужно выделить какие-то элементы, сделать их заметнее, крупнее или, наоборот, скрыть какие-то пункты, нотайсы, ошибки, которые вызывают тревогу и панику у некоторых пользователей. И здесь проблема даже не в их психическом состоянии, с пользователями как раз таки по большей части все прекрасно. Проблема чаще в не совсем добросовестных разработчиках тем и плагинов, которые иногда используют нотайсы в своих корыстных целях. Продвигая с их помощью разные платные функции, дополнения, другие продукты и т.п. Иногда это выглядит устрашающе, особенно когда нотайсы назойливые и их становится много. Вдвойне страшнее, если пользователь не очень дружен с английским. И это лишь одна из возможных причин, когда может понадобиться стилизация админки. Ситуаций на самом деле достаточно много.

Существуют более радикальные способы с блокировкой тех или иных функций на уровне бэкенда, но мы не будем так глубоко копать. Тем более там универсального решения нет. Наша задача: подключить свои стили к админке Вордпресс и дальше действовать по ситуации. Я покажу два способа: подключение файла стилей и прямое внедрение стилей в html-код админки.

1. Подключить файл стилей к админке Вордпресс

Воспользуемся хуком admin_enqueue_scripts, разместив в файле funcions.php активной темы такой код:

function dnln_admin_style() {
   wp_enqueue_style('admin-styles', get_template_directory_uri().'/css/admin.css');
}
add_action('admin_enqueue_scripts', 'dnln_admin_style');

Теперь в админке будет загружаться файл стилей admin.css из каталога css внутри активной темы.

2. Добавить инлайн-стили в код админки Вордпресс

Для этого воспользуемся хуком admin_head, который внедряет в хэдер админки любой код:

function dnln_admin_scripts() {
?>
  <style>
    /* Сюда пишем стили */
  </style>
<?php }    
add_action('admin_head', 'dnln_admin_scripts');

Задача решена!

Подпишитесь на мой телеграм и первыми получайте новые материалы, в том числе которых нет на сайте.

Иван Данилин

Делаю сайты на Вордпресс с 2008 года, занимаюсь их оптимизацией, беру на поддержку, делюсь опытом в своём блоге.

Добавить комментарий