文章

给wordpress登陆页面加Bing背景

文章目录

今天告诉大家一个好玩的,无意在网上看到一串代码,这串代码可以让你的wordpress登陆页面从平淡无奇的白色变成Bing的风景大图,整个感受顿时就不一样了,想不想试试?

背景效果

wordpress登陆页面的背景图
free还不赶紧来试试

其实想看到效果很容易点击爱探路的左上角第一个登陆按钮,然后你就可以看到了,然后你可以选择注册或者用QQ新浪微博登陆都OK!  截图看看

怎么实现

其实很简单,代码是别人弄好的,要在wordpress里加入新的代码串什么的,一般都是往Functions.php文件里添加。不过艾尔云不推荐这种方式,不好玩,如果主题更新了,或者其他问题不用现在这个wordpress了,那就又要重新来添加。

写个小插件

新建个php文件比如tool.php (名字自己搞定啦!),然后加上以下内容,保存后上传到wordpress插件目录里。


<?php
/**
* Plugin Name: tool
* Plugin URI: http://aitanlu.com
* Description: 这个插件用来放置一些爱探路的小代码(多说Gravatar.wordpress添加友情链接等等)
* Version: 1.0.0
* Author: IERYUN
* Author URI: http://aitanlu.com
* Text Domain: 插件本地化翻译识别域,如 mytextdomain
* License: 如 GPL2
*/
?>


然后在后台刷新插件栏目试试,是不是有一个叫做tool的插件了,不过现在这个插件没什么功能,需要你向其中添加代码等,就比如今天的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[1];
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');


然后保存,如果在本地创建的php文件,现在上传到插件目录启用,它的效果和你添加到主题的Functions.php文件是一样的。嗯嗯,不错现在是不是能用了。

本文小结

不光添加这个,其他的比如要启用wordpress的友情链接你可以在里面添加,用多说的头像服务器也可以添加,包括禁止那些垃圾评论的代码也可以加进去...很好玩,你自己试试吧

 

发表评论