给wordpress换上QapTcha可以滑动的超炫滑锁,替代传统的验证码输入
来源:阿瑶SEO顾问博客 责任编辑:admin 发表时间: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,找到
- var defaults = {
 - txtLock : 'Locked : form can\'t be submited',//解锁前的提示文字
 - txtUnlock : 'Unlocked : form can be submited'//解锁后的提示文字
 - }
 
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文件,找到你希望滚动条出现的位置,加上
- <div id="QapTcha"></div>
 
7、把文件上传到你的服务器,看看效果吧,然后再修改一下样式,直到自己满意为止。 以下是
相关新闻>>
- 发表评论
 - 
				
 
- 最新评论 进入详细评论页>>
 





