php滑动解锁验证码,给WordPress加评论滑动解锁QapTcha验证
先看演示：
1、先去官网下载最新版的压缩包，解压。将jquery、images文件夹和php文件夹里的Qaptcha.jquery.php拷贝到主题下，比如我的主题yMoo下。
2、找到jquery/QapTcha.jquery.js，大约在15行
txtLock : 'Locked : form can\'t be submited', //可以改成中文“发表评论前，请滑动滚动条”解锁
txtUnlock : 'Unlocked : form can be submited', //可以改成中文“已解锁，可以发表评论了”
disabledSubmit : true,
autoRevert : false,
PHPfile : '/wp-content/themes/yMoo/Qaptcha.jquery.php' //这个很重要，路径错误，就不显示了
3、如果你要修改样式，请对照自己的主题修改QapTcha.jquery.css。
4、修改主题里的functions.php，加上
function my_wp_head() {//这个函数里的内容当然也可以直接写到header.php里
if(get_option('qt')!='' && is_singular() && !is_user_logged_in()) {
echo ''."\n";
echo ''."\n";
echo ''."\n";
echo ''."\n";
echo '
$(document).ready(function(){
$(".QapTcha").QapTcha({disabledSubmit:true});
});
'."\n";
}
}
add_action('wp_head', 'my_wp_head', 100);
function my_preprocess_comment($comment) {
if (get_option('qt')!='' && !is_user_logged_in()) {
if(!session_id()) session_start();
if(isset($_POST['iQapTcha']) && empty($_POST['iQapTcha']) && isset($_SESSION['iQaptcha']) && $_SESSION['iQaptcha']) {
//unset($_SESSION['iQaptcha']); //如果不用ajax评论的话，可以开启这项
return($comment);
} else err(__("Sorry, you can't be verified."));//提示语自行修改
} else
return($comment);
}
add_action('preprocess_comment', 'my_preprocess_comment');
5、然后修改主题的comments.php文件，找到你希望滚动条出现的位置，加上
这个代码.
常见问题请注意：
1、不要用wordpress自带的jquery.js，这个js文件功能不全，请去jquery的官网下载或者用google，雅虎或微软提供的cdn服务，还有就是用qaptcha自带的(这个可能版本有点老)。
2、jquery的引入一定要在qaptcha之前，有的朋友在页面中引入了两次jquery，一次在前，一次在后，也会导致失败。一定要把后面引入的那一个删掉。
3、还有就是路径的问题了，很多朋友拖到最右边也没法解锁，多数就是这个路径写错了，赶紧检查一下吧。
4、如果没有通过验证是返回一个wordpress提示，使用了“wp_die”函数。但是如果使用了Willin Kan的ajax提交评论的话，就必须得改改。可以看一下Willin Kan的comments-ajax.php 里面将“wp_die”改成了“err”。所以只要把上面代码中的wp_die改成err就没有问题了。
function my_preprocess_comment($comment) {
if (!is_user_logged_in()) {
if(!session_id()) session_start();
if(isset($_POST['iQapTcha']) && empty($_POST['iQapTcha']) && isset($_SESSION['iQaptcha']) && $_SESSION['iQaptcha']) {
unset($_SESSION['iQaptcha']);
return($comment);
} else err(__("抱歉，你没有通过验证。"));//提示语自行修改
} else
return($comment);
}
add_action('preprocess_comment', 'my_preprocess_comment');
这个参考这里。
这个插件不需要用户敲击键盘输入验证码，只需要像ios系统那样滑动下就可以解锁，在用户体验上也加分不少。