WordPress后台登录页背景改为必应每日一图教程（隐藏登录界面不必要内容）

WordPress后台默认的登录页面比较简单，包括LOGO图片、注册、忘记密码、返回首页、隐私政策的链接，以及登录框和语言切换。具体如下图所示：

对于我们都是个人站长来说，登录后台的都是我们自己，所以WordPress后台登录界面中很多东西都不必要显示，仅保留一个登录框即可。然后为了让每天打开登录页面都有一个好心情，可以将登录页面的背景设置为必应的每日一图，这样每天都相当于看到一个新的界面，最起码不会那么烦。具体如下图所示：

实现上图所示的WordPress后台登录页面操作很简单，只需要将以下代码添加到当前主题的functions.php文件中并保存更新文件即可（如果已经禁用了语言切换，请忽略第1～2行代码）。

//禁用后台登录页语言切换
add_filter( 'login_display_language_dropdown', '__return_false' );

//调用bing美图作为登录页背景图
function custom_login_head(){
$str=file_get_contents('http://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1');
if (preg_match("/\/(.+?).jpg/", $str, $matches)) {$imgurl='http://s.cn.bing.net'.$matches[0];}
echo'<style type="text/css">body{background: url('.$imgurl.');width:100%;height:100%;background-image:url('.$imgurl.');-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;-moz-border-image: url('.$imgurl.') 0;background-repeat:no-repeat\9;background-image:none\9;background-attachment:fixed;}.login h1{height:84px;}.login h1 a,#nav,#backtoblog,.privacy-policy-page-link{display:none;}</style>';
}
add_action('login_head', 'custom_login_head');

以上代码来自网络

如果你自建有必应每日一图API接口（PS：若不懂自建，可参考『Bing必应每日一图API的两种自建代码教程及使用（附免费API接口）』），或者想要使用别人的API接口，那么上述代码可修改为：

//调用 bing 美图作为登录页背景图
function custom_login_head(){
echo'<style type="text/css">body{background: url(https://tools.boke112.com/api/bing/);width:100%;height:100%;background-image:url(https://tools.boke112.com/api/bing/);-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;-moz-border-image: url(https://tools.boke112.com/api/bing/) 0;background-repeat:no-repeat\9;background-image:none\9;background-attachment:fixed;}</style>';
}
add_action('login_head', 'custom_login_head');

其中代码中的https://tools.boke112.com/api/bing/就是boke112百科自建的必应每日一图API地址，大家可自行替换为自己的API地址或其他API地址。

如果觉得WordPress后台登录页面没有出现网站名称容易搞混，那么我们也可以选择在登录框上方或登录中显示网站名称出来，具体如下：

方法一、在登录框上方以信息的形式显示网站名称

将以下代码添加到当前主题的functions.php文件中并保存更新文件即可：

//在登录框上方添加欢迎信息
function add_login_message($message) {
if ( empty($message) ){
$messages = "<p class='message'>您好，";
$messages .= get_bloginfo('name');
$messages .= "欢迎您！</p>";
return $messages;
} else {
return $message;
}
}
add_filter( 'login_message', 'add_login_message' );

具体效果如下图所示：

方法二、在登录框中显示网站名称

将以下代码添加到当前主题的functions.php文件中并保存更新文件即可：

//在登录框中添加欢迎信息
function add_login_form_message() {
echo '<p style="text-align: center;">您好，'.get_bloginfo('name').'欢迎您！</p><br />';
}
add_action('login_form', 'add_login_form_message');

具体效果如下图所示：

我们只需要选择上文介绍的两种方法之一即可，没必要同时使用两个提示。不过boke112百科比较喜欢不显示网站名称，只显示一个登录框，感觉这样比较简洁。如果想要了解更多关于WordPress后台登录页美化教程，请移步：WordPress后台登录页面

本文地址：https://boke112.com/post/11497.html