Как добавить свои CSS стили в админку WordPress 1
Полезности

Как добавить свои CSS стили в админку WordPress

Некоторым пользователям приходиться проводить очень много времени, просматривая комментарии в своем блоге и исправляя проблемы правописания, форматирования кода и т.д.

И одна из трудностей, с которой они сталкиваются — это невозможность определить содержимое тега <pre>, особенно примеры кода, состоящие только из одной строки. Для решения этой проблемы достаточно добавить свои CSS стили в админку WordPress, и вот как это можно сделать.

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

Вы можете разместить файл CSS где угодно. Я решил разместить CSS-файл в своей теме, и выглядит он следующим образом:

CSS стили для изменения под себя админки WordPress

Приведенный выше CSS файл делает теги более заметными, а также выделяет любой элемент PRE без класса, тем самым подсказывая, где именно нужно сделать правки, добавив язык с помощью className.

Шаг 2: Добавьте CSS в админку WordPress посредством файла functions.php

Воспользуемся хуком admin_enqueue_scripts, который позволяет добавлять стили и скрипты для любых страниц админ-панели:

Хук для добавления своих стилей в админку WordPress

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

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

Вконтакте
Linkedin
Telegram
Whatsapp

Похожие статьи

Как создать магазин Facebook с помощью WooCommerce (5 шагов)


Магазин Facebook может стать эффективным способом продвижения вашей продукции. Однако по умолчанию вашим подписчикам придется переходить с вашей страницы, чтобы приобрести любой понравившийся товар. Этот дополнительный шаг может существенно повлиять на коэффициент конверсии.


Изображения в WordPress — все, что нужно знать о размерах


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


У этой статьи пока нет комментариев


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


Ваш адрес email не будет опубликован.

3 × два =