给wordpress换上QapTcha可以滑动的超炫滑锁，替代传统的验证码输入

来源：阿瑶SEO顾问博客责任编辑：栏目编辑发表时间:2013-07-02 04:48　点击:次

wordpress中，传统的手动输入验证码是不是让你感到很烦心呢，那就赶紧的换上QapTcha可以滑动的超炫滑锁吧。

1、先去官网下载最新版的压缩包，解压。QapTcha依赖于jquery，其包内自带了jquery的js文件。这里假设qaptcha文件夹的路径为http://yourdomain/wp-includes/qaptcha。

2、找到QapTcha.jquery.js，大约在52行

//?set?the?SESSION?iQaptcha?in?PHP?file ??
$.post("php/Qaptcha.jquery.php",{//把这个地址改为"/wp-includes/qaptcha/php/Qaptcha.jquery.php" ??
action?:?'qaptcha' ??
},??

3、如果你要修改提示文字，在QapTcha.jquery.js，找到

4、如果你要修改样式，请对照自己的主题修改QapTcha.jquery.css。

5、修改主题里的functions.php，加上

function my_wp_head() {//这个函数里的内容当然也可以直接写到header.php里
if(is_singular() && !is_user_logged_in()) {
echo '<script type="text/javascript" src="'.get_bloginfo("wpurl").'/wp-includes/qaptcha/jquery/jquery-ui.js"></script>'."\n";
echo '<script type="text/javascript" src="'.get_bloginfo("wpurl").'/wp-includes/qaptcha/jquery/jquery.ui.touch.js"></script>'."\n";
echo '<script type="text/javascript" src="'.get_bloginfo("wpurl").'/wp-includes/qaptcha/jquery/QapTcha.jquery.js"></script>'."\n";
echo '<link rel="stylesheet" href="'.get_bloginfo("wpurl").'/wp-includes/qaptcha/jquery/QapTcha.jquery.css" type="text/css" />'."\n";
echo '<script type="text/javascript">
$(document).ready(function(){
$("#QapTcha").QapTcha({disabledSubmit:true});
});
</script>'."\n";
}
}
add_action('wp_head', 'my_wp_head', 100);
function my_preprocess_comment($comment) {
if (!is_user_logged_in()) {
if(!session_id()) session_start();
if(isset($_POST['iQapTcha']) && emptyempty($_POST['iQapTcha']) && isset($_SESSION['iQaptcha']) && $_SESSION['iQaptcha']) {
unset($_SESSION['iQaptcha']);
return($comment);
} else wp_die("抱歉，你没有通过验证。");//提示语自行修改
} else
return($comment);
}
add_action('preprocess_comment', 'my_preprocess_comment');

6、然后修改主题的comments.php文件，找到你希望滚动条出现的位置，加上

7、把文件上传到你的服务器，看看效果吧，然后再修改一下样式，直到自己满意为止。以下是