Страница WordPress Admin: изменение CSS стилей

Страница WordPress Admin: изменение CSS стилей

От автора: верите или нет, но я чертовски много времени уделяю комментариям у себя в блоге, исправлениям орфографических ошибок, форматированию кода и т.д; да, те самые комментарии из старой версии 2007 года. В основном я слежу за качеством текста, слежу, чтобы текст был легок для моих читателей, особенно комментарии к коду.

В админке WordPress (страница WordPress admin) меня раздражает одна вещь – очень трудно определить, где начинается текст с тегом pre, особенно в кусках кода, которые вообще записаны в одну строку. И я подумал: «А было бы круто, если бы я мог добавить свои стили в интерфейс панели администратора». Раз это, действительно, круто, я решил сделать это. И вот оно, ниже я покажу, как можно добавить свой собственный CSS код в админку WordPress!

Шаг 1: Создайте свой CSS файл

Поместите его в любое место; я решил поместить файл в папке с темой. Мой CSS файл выглядит так:

.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 для добавления стилей:

// Обновить 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

Источник: https://davidwalsh.name/

Редакция: Команда webformyself.

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress “Уникальный сайт с нуля”

Получить

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree