От автора: верите или нет, но я чертовски много времени уделяю комментариям у себя в блоге, исправлениям орфографических ошибок, форматированию кода и т.д; да, те самые комментарии из старой версии 2007 года. В основном я слежу за качеством текста, слежу, чтобы текст был легок для моих читателей, особенно комментарии к коду.
В админке WordPress (страница WordPress admin) меня раздражает одна вещь – очень трудно определить, где начинается текст с тегом pre, особенно в кусках кода, которые вообще записаны в одну строку. И я подумал: «А было бы круто, если бы я мог добавить свои стили в интерфейс панели администратора». Раз это, действительно, круто, я решил сделать это. И вот оно, ниже я покажу, как можно добавить свой собственный CSS код в админку WordPress!
Шаг 1: Создайте свой CSS файл
Поместите его в любое место; я решил поместить файл в папке с темой. Мой CSS файл выглядит так:
|
1 2 3 4 5 6 7 8 9 10 |
.wp-admin .comment pre { background: pink; padding: 6px 10px; font-size: 16px; border: 1px solid #ccc; } .wp-admin .comment pre[class] { background: #fff; } |
Стили выше делают тег pre более заметным, также любой тег PRE без класса стал бросаться в глаза. Такие элементы прямо просят подправить их, добавив класс.
Шаг 2: Добавьте ваш CSS файл в панель администратора через файл functions.php
WordPress использует специальный тип add_action в функции admin_enqueue_scripts для добавления стилей:
|
1 2 3 4 5 |
// Обновить CSS в админке function admin_style() { wp_enqueue_style('admin-styles', get_template_directory_uri().'/admin.css'); } add_action('admin_enqueue_scripts', 'admin_style'); |
В get_template_directory_uri хранится путь к текущей теме. К концу пути просто нужно добавить имя вашего файла. Если вам, как и мне, наскучило оформление панели администратора в WordPress, присоединяйтесь, и давайте изменим его. Мой пример был очень простой; если вы хотите серьезно подойти к этому делу, чтобы ваши клиенты подумали, что им полностью настроили систему под их нужды, то вперед!
Автор: David Walsh
Источник: //davidwalsh.name/
Редакция: Команда webformyself.
Комментарии (1)