凤凰山笔记

博客又加新功能了

好几天没更新博客,最近博客又加了几个好玩的功能,和大家分享一下吧,哈哈。

function 0:jQuery浮云天气预报插件

看见博客上面漂浮的大太阳了吗?是我可耻的从http://nbsw.cc/扒拉下来的。呵呵,从这里获取[源码](http://julying.com/lab/weather/)挂到自己博客上吧。抽空再研究这位大大如何实现的吧,先膜拜下

function 1:WordPress集成Qaptcha的滑动解锁插件–myQaptcha

昨天有个半青(见注0),一直在我留言板上发spam评论。我果断删了,又加上了一个滑动解锁才能评论的功能,但是估计对方是个伪程序猿用post的方式一直提交,当然加了解锁的限制之后他根本不可能提交spam评论!但是今天上午一看竟然造成了4w多垃圾pv,哎,研究了一下原来sae也有应用防火墙,就果断打开了。吃一堑长一智,但是这个解锁评论的功能我还是蛮喜欢的。大家快去这里学习一下。

我昨天调试遇到的主要问题就是,引用了两次jquery.min.js,主要是主题中的jquery类库比较老,于是果断换成新的了,又把他以前引用的jquery类库注释了,最后把插件中引用的谷歌的jquery-ui.min.js换成了本地的。加快了访问速度,伟大的墙…spam…

function 2:给WordPress添加评论等级和博主认证显示功能

具体要修改对应主题目录中的style.css和function.php,我也是从别人那里扒拉来的,附上源码以作备忘

注:以下代码来自网络,非原创

style.css ,因为所有vip图标都放在一张图上了,下面的css和平时写法不太一样

/评论者VIP显示功能的样式/
.vp,.vip,.vip1,.vip2,.vip3,.vip4,.vip5,.vip6,.vip7{background: url(images/vip.png) no-repeat;display: inline-block;overflow: hidden;border: none;}
.vp{background-position:-515px -2px;width: 16px;height: 16px;margin-bottom: -3px;}
.vp:hover{background-position:-515px -22px;width: 16px;height: 16px;margin-bottom: -3px;}
.vip{background-position:-494px -3px;width: 16px;height: 14px;margin-bottom: -2px;}
.vip:hover{background-position:-494px -22px;width: 16px;height: 14px;margin-bottom: -2px;}
.vip1{background-position:-1px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip1:hover{background-position:-1px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip2{background-position:-63px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip2:hover{background-position:-63px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip3{background-position:-144px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip3:hover{background-position:-144px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip4{background-position:-227px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip4:hover{background-position:-227px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip5{background-position:-331px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip5:hover{background-position:-331px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip6{background-position:-441px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip6:hover{background-position:-441px -22px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip7{background-position:-611px -2px;width: 46px;height: 14px;margin-bottom: -1px;}
.vip7:hover{background-position:-611px -22px;width: 46px;height: 14px;margin-bottom: -1px;}

function.php , ps:vip等级规则,自己定义就好了,我就定的比较低,呵呵。

//获取访客VIP样式
function get_author_class($comment_author_email,$user_id){
global $wpdb;
$author_count = count($wpdb->get_results(
“SELECT comment_ID as author_count FROM $wpdb->comments WHERE comment_author_email = ‘$comment_author_email’ “));
/如果不需要管理员显示VIP标签,就把下面一行的”//“去掉/
//$adminEmail = get_option(‘admin_email’);if($comment_author_email ==$adminEmail) return;
if($author_count>=10 && $author_count’;
else if($author_count>=20 && $author_count’;
else if($author_count>=40 && $author_count’;
else if($author_count>=80 && $author_count’;
else if($author_count>=160 &&$author_count’;
else if($author_count>=320 && $author_count’;
else if($author_count>=640)
echo ‘’;
}

2.在适合的地方调用此函数,因为每个主题都不一样你可以打开Notepad++点击菜单栏的“搜索”-选择“在文件夹中搜索”-定义好搜索目录,把下面的代码作为搜索的“查找目标”

<?php comment_author_link() ?>

查找到以后在其后面添加如下代码(我的就是在functions.php文件里面,因为主题不同,大家还是需要自行查找下的):

<?php get_author_class($comment->comment_author_email,$comment->user_id)?>

如果你需要像我的一样给自己添加一个“博主认证”,那么就在上面代码的后面再添加下面的代码:

<?php if(user_can($comment->user_id, 1)){echo ““;}; ?>

三、添加评论VIP 等级图片(上面已经说了,这个是使用了CSS sprites 合并,因此1个图片就搞定了)
把下载的图片上传到你的主题根目录的images 文件夹里即可

VIP等级图片下载

 

注释0:济南方言,意指二逼青年

 

 

cloudroc wechat
欢迎您扫一扫上面的微信公众号,订阅我的博客!
很惭愧,只做了些微小的工作,您的支持将鼓励我继续努力创作!