Как настроить фон страницы входа в Wordpress?

Question

Предполагаемые результаты: добавьте пользовательский CSS для настройки фона страницы входа в Wordpress.

Выполнено:

Создана новая папка впапка моей темы называется Login.В этом, сделал новый пользовательский файл CSS под названием custom-login-style.css.

Добавлен код к functions.php, который сообщает Wordpress загружать custom-login-style.css, найденный в папке Login.

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

CSS работает нормально, но настроил только форму входа.

Проблема: я не могу настроить фон страницы входа.

Для фона страницы я добавил следующий CSS

body.login {
  background: linear-gradient(0deg, #0b4182 1%, #1e88e5 100%) fixed;
 }

body, html {
  background: linear-gradient(0deg, #0b4182 1%, #1e88e5 100%) fixed;
}

CSS для фона не работает, но CSS, предназначенный для формы входа, работает

Answer 1

Я бы порекомендовал использовать встроенный стиль, чтобы убедиться, что он переопределит стиль по умолчанию:

function my_custom_login() { 
    ?>
    <style>
        /* Body style */
        body {
            background: linear-gradient(0deg, #0b4182 1%, #1e88e5 100%) fixed;
        }
        /* Logo style */
        .login h1 a {
          ...
        }
    </style>
    <?php
}
add_action('login_head', 'my_custom_login');

Answer 2

Что ж, возможно, была проблема с кодом functions.php, поэтому я немного исследовал и следовал настройке в соответствии с рекомендациями Кодекса Wordpress https://codex.wordpress.org/Customizing_the_Login_Form

Изменено

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

к найденному в кодексе:

function my_login_stylesheet() {
    wp_enqueue_style( 'custom-login', get_stylesheet_directory_uri() . '/login/custom-login-style.css' );
}
add_action( 'login_enqueue_scripts', 'my_login_stylesheet' );

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

Answer 3

Можете ли вы дать ссылку на эту страницу. Скорее всего, у вас есть некоторые проблемы с CSS. Вы можете открыть Chrome инспектор и посмотреть, каков результат css для вашей страницы входа. Может быть, !important используется где-то, и ваш CSS не работает.