Некоторым пользователям приходиться проводить очень много времени, просматривая комментарии в своем блоге и исправляя проблемы правописания, форматирования кода и т.д.
И одна из трудностей, с которой они сталкиваются — это невозможность определить содержимое тега <pre>, особенно примеры кода, состоящие только из одной строки. Для решения этой проблемы достаточно добавить свои CSS стили в админку WordPress, и вот как это можно сделать.
Шаг 1: Создайте свой CSS файл
Вы можете разместить файл CSS где угодно. Я решил разместить CSS-файл в своей теме, и выглядит он следующим образом:

Приведенный выше CSS файл делает теги более заметными, а также выделяет любой элемент PRE без класса, тем самым подсказывая, где именно нужно сделать правки, добавив язык с помощью className.
Шаг 2: Добавьте CSS в админку WordPress посредством файла functions.php
Воспользуемся хуком admin_enqueue_scripts, который позволяет добавлять стили и скрипты для любых страниц админ-панели:

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