用多了wordpress后台登陆界面,总是一个白色的背景单调没什么新鲜感,而必应Bing搜索每天都会更新高清美图,想不想WordPress登录页面背景也用上这些美图,让博客登录页面每日都有美图!下面告诉大家方法。

1.找到主题中的函数文件 functions.php;

进入wordpress的后台,找到外观选项

美化WordPress登录背景,调用Bing高清美图作为登陆背景图-菜芽笔记

bing桌面背景美化wordpress登录界面

在右侧找到functions.php,之后插入第二部分中分享的代码内容
美化WordPress登录背景,调用Bing高清美图作为登陆背景图-菜芽笔记

2.复制代码到主题的functions.php文件

直接复制下面代码到主题functions.php文件中即可调用bing每日图片为登陆背景

/**自定义Wordpress登录背景图*/
//调用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.');background-attachment:fixed;width:100%;height:100%;background-image:url('.$imgurl.');background-attachment:fixed;-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-attachment:fixed;background-repeat:no-repeat\9;background-image:none\9;}h1 a { background-image:url('.get_bloginfo('url').'/favicon.ico)!important;width:32px;height:32px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}#loginform {background-color:rgba(251,251,251,0.3)!important;}.login label,a{color:#000!important;}</style>';
}
add_action('login_head', 'custom_login_head');

用法:
将上述代码放置代码到主题function.php 文件最后一个?> 前;如果没有?>标签,则直接加到最后面)保存。

最后的效果:
美化WordPress登录背景,调用Bing高清美图作为登陆背景图-菜芽笔记