wordpress Добавить CSS на страницу авторизации (входа). На примере смены логотипа
Primary tabs
Указание пути к CSS файлу
В functions.php вашей темы добавьте (с указанием пути к файлу custom-login-style.css):
function my_login_logo() { wp_enqueue_style( 'custom_login_style', CHILD_URL . '/css/custom-login-style.css', ['login'], null, 'all' ); } add_action( 'login_enqueue_scripts', 'my_login_logo' );
где ['login'] - массив имен (идентификаторов) стилей, от которых зависит наш файл (т.е. дожен быть подключен после них) наш текущий, в данном случае: custom-login-style.css
При этом содержимое файла (если речь идёт о логотипе) может быть таким:
#login h1 a, .login h1 a { background-image: url(/wp-content/themes/theme54000/images/logo.png); height:150px; width:150px; background-size: 150px 150px; background-repeat: no-repeat; padding-bottom: 15px; }
Включение CSS в тело страницы прямо из php
В functions.php вашей темы добавьте:
<?php function my_login_logo() { ?> <style type="text/css"> #login h1 a, .login h1 a { background-image: url(/wp-content/themes/theme54000/images/logo.png); height:150px; width:150px; background-size: 150px 150px; background-repeat: no-repeat; padding-bottom: 15px; } </style> <?php } add_action( 'login_enqueue_scripts', 'my_login_logo' );
-- но в данном случае не понятно как указать зависимости, чтобы подключаемые позже стили не переопределили ваш, если это не проблема, то данный способ чуть проще.
Источники:
- Customizing the Login Form: https://codex.wordpress.org/Customizing_...
- Log in to post comments
- 2267 reads