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
- 2850 reads