不安装插件自定义 WordPress 登录页面（如何修改 WordPress 登录页面）

对于大多数的 WordPress 主题来说，都是使用默认的 WordPress 登录页面。登录页面有Wordpress的LOGO，和基本的登录框信息。很多人想要对登录页面进行自定义，以便拥有一个个性化的网站登录页。接下来，我们就向您介绍如何在不安装插件的情况下自定义 WordPress 登录页面。

为什么要自定义WordPress 登录页面

WordPress 登录页面，是网站管理员或用户登录网站后台时访问的页面。如上图所示，WordPress 默认有一个统一的登录界面。该页面默认的URL为 www.yoursite.com/wp-admin。

之所以要对登录页面进行自定义，主要有下面两个原因：

• 安全原因：任何Wordpress网站的登录页面都是统一的URL。登录页面是网站管理人员登录的，使用默认的登录URL更容易被暴力破解。
• 品牌原因：网站要展示公司自身的形象。因此，要将 WordPress 的 LOGO 替换为自己的LOGO，也要对登录页面进行一定的美化。

自定义登录URL

自定义登录页面的URL，可以隐藏真实的Wordpress网站登录地址。如果黑客知道你的登录地址，便可以运行多个脚本不停的尝试登录，网站可能会因此而变慢。因此，为防止这种情况发生，需要自定义 WordPress 登录页面URL。

我们可以将登录页面 URL 从 wp-admin 更改为自定义的 xxxx-login ，这样就可以降低被暴力破解密码的风险。

添加变更URL代码

可以转到仪表盘>外观>主题编辑器，找到主题的Functions.php文件，然后添加下面的代码。也可以使用FTP工具，将Functions.php文件下载到本地进行更改。

function redirect_to_null_page(){
$new_login= 'logmein';
if(strpos($_SERVER['REQUEST_URI'], $new_login) === false){
wp_safe_redirect( home_url( 'Not Found' ), 302 );
exit(); } }
add_action( 'login_head', 'redirect_to_null_page');
function redirect_to_actual_login(){
$new_login = 'logmein';
if(parse_url($_SERVER['REQUEST_URI'],PHP_URL_QUERY) == $new_login&& ($_GET['redirect'] !== false)){
wp_safe_redirect(home_url("wp-login.php?$new_login&redirect=false"));
exit(); } }
add_action( 'init', 'redirect_to_actual_login');

通过这段代码，原登录URL ：yourwebsite.com/wp-admin，已经不能登录。新的登录页面URL为 yourwebsite.com/wp-admin.php?logmein。

登录页面美化

对于想要进行品牌化运营的网站来说，登录页面显示别人的LOGO，怎么都有点儿说不过去。为此，我们需要将登录页面的LOGO和背景进行更改。

更改登录页LOGO

在主题 function.php文件中添加下面的代码，并将代码中的 http://logo.png  替换为自己的LOGO地址。

function wpb_login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(http://logo.png);
height:100px; width:300px;
background-size: 300px 100px;
background-repeat: no-repeat;
padding-bottom: 10px; }
</style> <?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );

现在，我们就已经将 WordPress 的 LOGO，替换为自己的LOGO。

更改登录页背景图片

与更改LOGO的方式类似，通过将下面的代码添加到该 function.php 文件中，来更改登录页背景图像。将代码中的 http://bgimage.png 替换为实际的背景图片URL。

function login_background_image() {
echo ‘<style type=”text/css”>
body.login{
background-image: url( “http://bgimage.png” )!important;
}
</style>’;
}
add_action(‘login_head’, ‘login_background_image’)