如何自定义WordPress登录页面的背景?

Mesumosu

预期的结果:添加自定义CSS,以自定义Wordpress登录页面背景。

采取的步骤:

在主题文件夹“登录”中创建了一个新文件夹。在此,制作了一个名为custom-login-style.css的新的自定义css文件。

在functions.php中添加了一个代码,该代码告诉Wordpress加载在Login文件夹中找到的custom-login-style.css。

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正常工作

Mesumosu

好吧,functions.php代码可能存在问题,所以我重新学习了一下,并按照Wordpress Codex 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 .loginCSS开始工作和背景得到了定制。我不确定为什么以及该问题的确切解决方式,这可能是由于加入样式表或其他原因造成的。一件事,在Wordpress的情况下研究和实施Codex总是更好。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Yoast 在 WordPress 中查看自定义页面的文本

Wordpress新页面的自定义主题

如何更改自定义WordPress管理页面的输入字段的值?

如何更改帖子页面的自定义标题(Wordpress Childtheme)

通过登录保护Wordpress自定义页面

需要wordpress登录才能查看自定义页面

WordPress对自定义页面的自定义重写规则

如何将wordpress的默认登录页面从wp-login.php更改为自定义登录页面?

如何显示自定义页面的URL?

如何自定义SilverStripe页面的<title>

如何自定义Silverstripe登录页面内容?

登录后如何重定向到自定义页面?

如何为shibboleth idp自定义登录页面

如何使用Spring Security自定义登录页面?

IdentityServer 4,如何添加“自定义登录”页面

自定义页面的URL映射

Liferay管理页面的自定义

带有自定义登录页面的 Auth0 授权代码流

自定义EditText:登录页面的输入框类型

Azure AD B2C注册和登录页面的自定义URL

如何绕过 WordPress 登录页面的角落?

如何自动注销用户并使用WordPress中的自定义消息将其重定向到登录页面

如何从自定义 CSS 中排除多个 Wordpress 页面

如何给我的 WordPress 菜单页面自定义链接

如何从Wordpress中的自定义CSS排除特定页面?

如何在Wordpress中制作自定义页面

如何使自定义 WordPress 主题显示页面,而不是帖子

如何使 wordpress 指向我的自定义 php 页面

在Wordpress后端中更改自定义设置页面的位置