Стилизация WordPress

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

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

Изменение формы входа

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

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

Однако, в некоторых случаях очень важно выполнить представление формы входа в полном соответствии с используемой темой. Если это так, то для должной реализации необходимо будет воспользоваться хуком login_head. Для начала нам понадобится создать функцию, которая будет сцепляться с login_head. Приведенный ниже сниппет, демонстрирующий указанный процесс, был взят из темы Notes Blog Core. Насколько вы помните, в этой теме определена возможность создания дочерних тем, которые при надобности могут перезаписывать представление формы входа в систему. Вследствие этого, в тег get_bloginfo() передается параметр stylesheet_directory, а не template_directory, как это было бы с единственной темой.

// custom login form
function nbcustom_login() {
echo '<link rel="stylesheet" href="' . get_bloginfo('stylesheet_directory') . '/custom/login.css"
type="text/css" media="screen" />';
}
add_action('login_head', 'nbcustom_login');
// ends ---

Здесь мы объявляем функцию nbcustom_login, определяющую путь к CSS-файлу с дополнительным оформлением формы входа, и затем подцепляем ее к хуку login_head с помощью add_action().

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

Темы администратора

Создание собственной темы администратора — довольно сложный и трудоемкий процесс, построенный в основном на ручном редактировании файлов ядра WordPress. Несколько облегчить работу позволяют различные плагины. Основная идея таких плагинов состоит в том, чтобы подцепить к хуку admin_head некоторую функцию, загружающую дополнительную таблицу стилей для панели администратора.

function smashing_admin() {
echo '<link rel="stylesheet" href="' . WP_PLUGIN_URL . '/smashing.css" type="text/css"
media="screen" />';
}
add_action('admin_head', 'smashing_admin');

Для того чтобы вывести какую-либо информацию в футере панели администратора, можно воспользоваться хуком admin_footer.