WordPress使用必应每日一图作登录页面背景

WordPress的登录界面在我第一次看到的时候就忍不住在心里一通吐槽

“这丫也太难看了吧”
“得改得改”
“这个wordpress的logo点击之后居然是跳转到wordpress官网,也忒不要脸了吧”
“路过路过”

记得在还没安装“WordPress”的时候有看到“WordPress使用Bing美图作为登录页面背景”,当时有留意一下,现在该付诸行动美化一下了。

百度了一篇修改的文章1、WordPress 使用必应(Bing)背景美图作为登录页面背景
不过博主使用的是1366*768分辨率的API接口,我想要1920*1080分辨率的图片啊

为了高清,我另外度娘了一下php获取必应每日一图的方法,找到两篇相对有用的文章:
2、5种方法获取Bing每日图片 附送高清API接口及网站背景调用
3、必应每日一图接口 – CSDN博客

缙哥哥博客没有提供php源码,提供了一个接口,对于一个有强迫症并且闲的发霉的人来说,直接调用是多么的不专业多么的无能,万一链接失效,我的设置且不是也没用了吗?所以我找到了第三篇文章,然而第三篇文章也没有提供源码,那就在第一篇文章源码的基础上修改吧


1

2

3

4

5

6

7

8

//调用bing美图作为登录页背景图

function custom_login_head(){

$str=file_get_contents(http://cn.bing.com/HPImageArchive.aspx?idx=0&n=1);

if(preg_match("/<url>(.+?)<\/url>/ies",$str,$matches)){

$imgurl=http://cn.bing.com.$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;}</style>‘;

}}

add_action(‘login_head‘, ‘custom_login_head‘);

需要修改的因该是


1

2

3

4

5

6

$str=file_get_contents(http://cn.bing.com/HPImageArchive.aspx?idx=0&n=1);

//这里应该是必应每日美图接口

if(preg_match("/<url>(.+?)<\/url>/ies",$str,$matches)){

//这里应该是正则表达式获取文件名

$imgurl=http://cn.bing.com.$matches[0];

//这里应该是合成图片URL

分析清楚了,剩下的就是更改这三个地方了,根据第三篇文章我们能够获取到必应每日高清美图接口
http://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1
接着是正则表达式,这个东西没接触过啊,只能自己去试一试了
利用站长之家提供的工具:正则测试
最后我用的正则是“/\/(.+?).jpg/”
修改拼接地址http://s.cn.bing.net

所以修改之后的代码应该是这样:


1

2

3

4

5

6

7

8

9

10

11

12

/**自定义登录界面背景*/

//调用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-image:url(‘.$imgurl.‘);-moz-border-image: url(‘.$imgurl.‘);}</style>‘;

    //这里我对background图片的样式进行了调整

    //方便小分辨率屏幕(如手机)显示图片正常,否则会被压缩

}

add_action(‘login_head‘, ‘custom_login_head‘);

将以上代码加入至主题目录 Functions.php 文件最后面?>标签前(如果没有?>标签,则直接加到最后面)保存,WordPress登录界面背景就会每日更新为必应美图啦。

By the way,顺便提供一个获取高清原图的php源码


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<?php

    $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];

}

if ($imgurl) {

    header(‘Content-Type: image/JPEG‘);

    @ob_end_clean();

    @readfile($imgurl);

    @flush();

    @ob_flush();

    exit();

} else {

    exit(‘error‘);

}

?>

把以上代码另存为bingpic.php放在服务器网站相应目录,通过访问就能直接调用必应高清图啦!
比如这个示例

至此就全部完成了!!!

原文地址:https://www.cnblogs.com/54xavier/p/8467445.html

时间: 2024-08-26 20:24:31

WordPress使用必应每日一图作登录页面背景的相关文章

jquery后台登录页面背景图片自动轮换登录界面代码

在别的网站上看到的比较炫酷的Web登陆界面,背景图片可以自动轮换.介绍给大家,有兴趣的可以下来改改当做自己系统的登陆界面. 如图: 点击下载源代码 jquery后台登录页面背景图片自动轮换登录界面代码

一个简单粗暴的爬虫 - 必应今日美图

1. 必应今日美图 当使用bing搜索时,每天都会出现一副美图. 搜索找到bing今日美图  http://bing.plmeizi.com/ 目前共47页 url格式按 http://bing.plmeizi.com/?page=* 点进去就是我们要的名称和名称 2. 开始编码 使用简单的Jsoup进行爬虫,很简单,很好理解. HrmlUtil 1 package util; 2 3 import java.io.IOException; 4 5 import org.jsoup.Jsoup;

一个更加简单粗暴的爬虫-必应今日美图

今天上午看到一篇文章:一个简单粗暴的爬虫 - 必应今日美图.我也用自己的方式更加简单的实现了这个功能.下面我就贴一下自己的代码和思路. 我就不分析原博的思路了,原博写的很清楚.我用的是htmlunit,从原博的第三步开始,观察三级地址的规律,从http://bing.plmeizi.com/show/1-490开始爬取的.页面比较少,图片也不多,没用多线程. 1 import com.gargoylesoftware.htmlunit.FailingHttpStatusCodeException

必应每日壁纸下载|必应每日壁纸V3.3.1免费下载

每天自动更新一个高清壁纸.换完壁纸后,软件可以自动退出,不占用你的内存,真的是相当良心啊.必应每日壁纸下载链接必应每日壁纸插件是一个简便实用的chrome必应壁纸插件,是由微软官方推出的一款壁纸更换软件如果你是经常用微软必应搜索的人你可能会发现,必应搜索主页的背景是一张图片而不是像其他搜索主页是空白的,而且它的背景和图片每天都是不一样的,而且还自由的可以更换,如果你碰到你自己喜欢壁纸,是不是好很想吧这一张图片变成你的电脑壁纸呢?只要你使用必应每日壁纸一款软件就你可以做到!它可以帮助你把必应搜索地

ubuntu18.04登录界面背景图的更换

更换登录界面背景图需要修改ubuntu.css文件 1.修改ubuntu.css文件前先对文件备份: 1 sudo cp /usr/share/gnome-shell/theme/ubuntu.css /usr/share/gnome-shell/theme/ubuntu.css.bak 2.打开ubuntu.css文件: 1 sudo gedit /usr/share/gnome-shell/theme/ubuntu.css 3.通过find工具找到 lockDialogGroup 并对其修改

cas sso单点登录系列4_cas-server登录页面自定义修改过程(jsp页面修改)

转:http://blog.csdn.net/ae6623/article/details/8861065 SSO单点登录系列4:cas-server登录页面自定义修改过程,全新DIY. 目标: 下面是正文: 打开cas的默认首页,映入眼帘的是满眼的中文and英文混杂体,作为一名合格的用户,我表示很不开心. 于是,打开 Nodepad++,寻找C:\tomcat7\webapps\casServer\WEB-INF\view\jsp\default\ui \casLoginView.jsp这个页

局部刷新登录页面的实现方法

局部刷新的登录就是在一个页面上有一个登录框,登录之后交给后台异步处理,处理完成之后会在前端显示出来登录的用户信息,最常见的例子就是登陆优酷的时候我们可以看到URL登录之后没有变化(事实上,优酷用的方式不是局部刷新的方式,很明显可以看到整个页面刷新了,所以优酷的实现方式就是不是局部刷新,但是一时间没有找到例子).最近打算做一个博客的网站的项目,登录这里想要提供给用户提供一个更加良好的体验,就想到了利用ajax实现局部刷新,但是又想到了第二次登录的时候会需要判断登录过之后需要直接显示用户信息而不是登

HTML5实战教程———开发一个简单漂亮的登录页面

最近看过几个基于HTML5开发的移动一样,已经越来越流畅了,相信随着职能手机的配置越来越高性能越来越好,HTML5技术的使用在移动端应用的会越来越普及,应用越来越广泛,因此作为移动开发者,掌握这门技术自然有着强烈的紧迫感.今天就写一个小小的登录页面的demo,巩固最近的学习,也给有兴趣的朋友学习HTML5技术做个参考. 在这里您可以下载到我最后实现的登录页面的demo源码,地址:http://pan.baidu.com/s/1kU1I50b. 准备工作 1.webStorm或者其他网页开发工具.

微信小程序相关一、模仿京东静态登录页面

一.培训的第一天,基本上没有什么最新的东西,但是看到老师的代码收获的确实是不少. 1.1.首页代码很简洁,将共有的样式都提取的很好. 1.2.其次是每一个小块写样式的时候用到了好多子代选择器和后代选择器,这样看起来css的一个样式就写的很长,但是比之前我们只是单一的写一个样式,大大提高了IO请求,整体css渲染也变快了.因为当渲染css的时候是从右向左的,就是先确定后代,在往上寻找祖辈,直到找到相对应的样式.dom树从叶子节点往上全部扫描一遍,可想而知只写一个单一的样式,效率是多么的低. 1.3