Question

我正在为客户建立一个wordpress网站，但我的客户希望看到不同的登录屏幕，所以我的问题是如何改变默认wordpress登录表单的外观。我不想更改任何核心文件，有没有办法在不更改核心文件的情况下更改登录表单的外观。任何形式的帮助都将受到高度赞赏，谢谢！

Answer 1

您可以使用挂钩login_head在不更改核心文件的情况下执行此操作，只需在functions.php文件中添加这些代码即可完成

function custom_login_logo() {
    echo '<style type="text/css">
        h1 a { background-image:url('.get_bloginfo('template_directory').'/yourImageFolder/login_logo.png) !important; }
    </style>';
}
add_action('login_head', 'custom_login_logo');

更新：还要将徽标的链接更改为当前网站，请使用以下代码段

function custom_login_url() {
    return get_bloginfo( 'siteurl' );
}
add_filter( 'login_headerurl', 'custom_login_url' );

Answer 2

你可以通过覆盖css来做到这一点。您可以通过将以下内容添加到functions.php

来覆盖css

/**
 * Login theme branding.
 */
function rt_login_css() 
{
    echo '<link type="text/css" rel="stylesheet" href="' . get_bloginfo('template_directory') . '/css/login.css" />';
}
add_action('login_head', 'rt_login_css');

徽标使用css图像背景，因此可以用css覆盖。

基本上，login_head，hook用于登录页面，我所做的就是回显链接到我的登录css文件。

从那里开始，我使用firebug来检查正在使用的样式。

缺点是你无法在这里完全控制，无论你用css和可能的javascript做什么。

此处还有我的css文件示例：

h1 a { 
   background-image: url('/app/images/logo.png') !important; 
   width:330px; 
   height: 69px; 
   margin-bottom:0px; 
}

#login { 
   margin: 5em auto; 
}

我所做的只是改变徽标，所以它非常简单。通常你必须进行调整才能正确对齐和展开徽标，这就是其他css的用途。

此外，您可以考虑创建自己的登录页面并使用各种wordpress功能处理身份验证。这是更多的工作，但您可以完全控制登录表单的外观。

缺点是，如果用户被重定向到常规WP管理员登录页面，那就更有效了。所以对于后者，我想你必须做到这两点。

Answer 3

我发现这个插件http://wordpress.org/extend/plugins/wp-custom-login-page/似乎可以做你想要的。

Answer 4

我正在使用插件BM Custom Login快速轻松地自定义wordpress登录框。通过使用此插件，您可以：

将wordpress徽标替换为您的自定义图像。
可以在登录页面添加背景颜色/图像。
可以编辑文本/链接的阴影/颜色选项。
您可以更改管理页脚文字。（登录后出现在管理页面的底部。）

此插件不会更改任何核心文件

如何在wordpress中更改登录表单的外观

4 个答案: