WordPress评论滑动/拉链解锁myQaptcha修改为自动提交的方法 | 张戈博客

  • 时间:
  • 浏览:0
  • 来源:熊猫辅助网_提供洋葱娱乐网技术_梅花辅助网资讯

自从肉牛、钢材等垃圾评论泛滥,而是大家都用上了各种评论验证方案,其中有另另另一个比较惹眼的而是张戈博客目前在用的myQaptcha滑动解锁。

愿意前一天张戈博客原应着分析分享了四种 滑动解锁的代码部署教程。不过还是有而是大家眼馋张戈目前在用的滑动后自动提交评论的方案,各种留言求分享。

虽然,四种 功能的想法是从无主题博客小武那“剽窃”过来的,小武第有另另另一个想到滑动后自动提交,才能进一步提高用户体验,毕竟少了一步操作嘛!稍微会折腾的大家,虽然分析一下就能当事人写代码了,根本用这么分享。

原理很简单:先用css隐藏评论提交按钮,有过后将评论提交动作绑定到滑动解锁上即可。

好吧,张戈好人做到底,分发一下完整篇 的做法(发现而是大家都喜欢看张戈罗里吧嗦。。。)

一、下载代码

为了省去怎样修改代码洋洋洒洒的几百字,张戈决定直接将修改好的代码打包分享出来:

下载解压后,将得到的myqaptcha文件夹整体上传到WordPress主题目录下备用。

二、部署代码

部署很简单,编辑WordPress主题目录下的 functions.php,在<?php 前一天加进如下代码保存即可:

include(“myqaptcha/myQaptcha.php”);

三、修改代码

①、评论框

为了配合四种 自动提交,大家都才能修改一下评论框的提交按钮代码。

打开 WordPress 的评论模板,一般是 comments.php ,找到如下之类代码:

<input id="submit" class="submit" name="submit" type="submit" tabindex="5" value="提交评论"/>
<?php comment_id_fields(); do_action('comment_form', $post->ID); ?>

有过后修改为:

<div id="autosubmit"></div>
<p > <!-- 目的而是为了隐藏提交按钮 -->
<input id="submit" class="submit" name="submit" type="submit" tabindex="5" value="提交评论"/>
<?php comment_id_fields(); do_action('comment_form', $post->ID); ?>
</p>

Ps:每个主题写的代码原应着分析会不一样,有过后评论提交的按钮代码是之类的(submit),这而是会找一段话建议并不折腾四种 花哨的功能了。

②、ajax代码

都才能 看出来,张戈博客四种 滑动自动提交和Ajax评论提交是绝配。原应着分析你博客的评论完整篇 都是ajax模式(即点击提交评论页面会刷新),这么ajax代码四种 步就太满再做啦!

使用ajax评论模式的网站,绝大次要会用到 comments-ajax.js 四种 js文件。

为了配合四种 自动提交,大家都才能简单的改造一下四种 js。目的是为了滑动模块后,不管是评论提交成功还是失败,模块都应该恢复到未拉动的清况 ,以备再次评论!总这么滑动评论一次就这么评论了吧?

修改很简单:

编辑  comments-ajax.js 找到如下代码:

/** Ajax */
	$.ajax( {
		url: ajax_php_url,
		data: $(this).serialize(),
		type: $(this).attr('method'),

		error: function(request) {
			$('#loading').slideUp();
			$('#error').slideDown().html('<img src="' + pic_no + '"  alt=""/> ' + request.responseText);
			setTimeout(function() {$submit.attr('disabled', false).fadeTo('slow', 1); $('#error').slideUp();}, 1150);
			},

		success: function(data) {
			$('#loading').hide();
			comm_array.push($('#comment').val());
			$('textarea').each(function() {this.value = ''});
			var t = addComment, cancel = t.I('cancel-comment-reply-link'), temp = t.I('wp-temp-form-div'), respond = t.I(t.respondId), post = t.I('comment_post_ID').value, parent = t.I('comment_parent').value;

有过后如下修改即可:

/** Ajax */
	$.ajax( {
		url: ajax_php_url,
		data: $(this).serialize(),
		type: $(this).attr('method'),

		error: function(request) {
			$('#loading').slideUp();
			$('#error').slideDown().html('<img src="' + pic_no + '"  alt=""/> ' + request.responseText);
			setTimeout(function() {$submit.attr('disabled', false).fadeTo('slow', 1); $('#error').slideUp();}, 1150);
			$(".QapTcha").html('');$(".QapTcha").QapTcha();//新增刷新模块代码
			},

		success: function(data) {
			$('#loading').hide();
			comm_array.push($('#comment').val());
			$('textarea').each(function() {this.value = ''});
			var t = addComment, cancel = t.I('cancel-comment-reply-link'), temp = t.I('wp-temp-form-div'), respond = t.I(t.respondId), post = t.I('comment_post_ID').value, parent = t.I('comment_parent').value;
			$(".QapTcha").html('');$(".QapTcha").QapTcha();//新增刷新模块代码

很明显,也就新增了2行JS代码,作用而是为了在aja评论成功或失败后,复原滑动模块,让滑动模块都才能 再次使用!

另外,张戈也在下载包里提供了自用 comments-ajax.js,太满再修改的都才能 参考或直接替换即可。

Ps:原应着分析博客用了CDN,请编辑  comments-ajax.js ,找到 如下代码,自行修改下:

//js_url = js_url.replace('res.zgboke.com','zhang.ge'); 若是用到CDN,请自行修改下此行,并退还注释

四、更多吐槽

①、不显示?

部署完前一天,原应着分析发现滑动模块不显示了为什么么办?很原应着分析你用的就完整篇 都是张戈提供的代码,而是直接在原版插件啥修改而成。这前一天请编辑 myQaptcha.php 四种 文件,找到如下一段话:

function myQaptcha_wp_footer() {
   if (is_singular() && !is_user_logged_in()) {

有过后加进登陆判断,如下修改即可:

function myQaptcha_wp_footer() {
   if (is_singular()) {

Ps:原应着而是原版插件并完整篇 都是替换提交按钮,而是已登录用户并这么滑动解锁!原应着分析在原版基础上修改成滑动提交,这么不管有无登陆四种 滑动模块都应该显示才行!!!

②、整站暗链

知更鸟博主鸟哥,在分享四种 他修改版的滑动解锁插件时,提到了四种 插件会往评论框写入有另另另一个隐藏的a标签(不得不说作者三十岁还是动了而是歪脑筋的)。

不过汗颜的是,当初张戈分享四种 插件的前一天,鬼使神差的将四种 暗链改成了我当事人的博客地址(哈哈)。当时虽然是看不太懂JS代码的,而是看了了别人的网址不爽,就下意识的改成了当事人的博客地址,有过后还分享出去了。。。。

虽然吧,这是有另另另一个废暗链,毫无作用。原应着分析用到有过后JS输出的法律妙招,搜索引擎并太满再解析四种 代码。。

这次张戈分享的代码,原应着分析注释掉了四种 小聪明,大家都才能 放心使用。

③、不动脑筋

自动提交的原理很简单,说白了而是将原有的提交按钮用css样式隐藏掉,有过后在滑动动作绑定有另另另一个点击隐藏的提交按钮的机制,原本用户滑动模块,就会自动点击那个隐藏的提交按钮了,从而实现自动提交!

并不高明的技术,有过后而是大家而是不理解,部署起来,有过后我遇到小问题报告 就卡死胡同了。完整篇 太满再当事人去学习一下网站的基础技术,比如简单的js、css等。老要把希望寄托在他人身上,殊不知他人也是从小白过来的,和你最大的区别也而是比你动的脑筋多而是而已。

折腾网站四种 事,适合喜欢动脑筋的勤快人,哪几个既太满再技术又不愿意想事情的人,建议并不折腾哪几个花哨无用的功能,还是专注内容比较好!

再啰嗦有另另另一个例子:

张戈博客早期的文章《WordPress评论滑动/拉链解锁myQaptcha代码版及部署法律妙招》原应着分析分享了代码部署的法律妙招。

这篇文章中提到了因 Jquery 版本问题报告 原应着无法滑动。完了问题报告 来了,而是大家各种提问,Jquery 版本是为什么么升级或为什么么降级的?我擦,这问题报告 虽然是太那啥了!你虽然搞不清楚为什么么升级 Jquery,你就太满再查看张戈博客的网页源代码,从顶端找到JQ的连接,有过后下载走么???

我估计 Jquery 是哪几个完整篇 都是清楚吧,原本为什么么不百度呢?

另外,部署后若发现位置错乱的请自行补救,代码是不原应着分析兼容每个主题的CSS样式和布局。

好了,哪几个分享的包应该原应着分析补救了四种 JQ版本不兼容问题报告 ,感谢知更鸟博主鸟哥提供的方案。

猜你喜欢

秒秒快3app赚钱_德维尔衣柜 定制我们的个性生活

 最近,两位大牌明星以“另一个人”为题在微博晒出恩爱照事先,“另一个人”立即在微博、微信、另一个人圈火爆起来,“另一个人”和“另一个人”也跟着走红。在定秒秒快3app赚钱制衣柜

2019-08-19

腾讯2分彩套路_ 春季潮湿 室内防潮有妙招!简单实用

春季是三个 潮湿的季节,什么都有没办法 人都为居室潮湿而感到困扰。没办法 让你处置类似于潮湿季节所带来的烦恼,该为什会么会办呢?下面小编就为没没办法 人带来

2019-08-19

uu快3平台官网_“部落方舟”人文设计,邀您一同畅享过年情怀!

春节你一种中国人最重视的节日一直让一帮人都都 儿流连忘返uu快3平台官网。原来uu快3平台官网,欢乐的时间一直很短暂,一直来不及品味就已悄然而逝。有这么 一种魔法,还可不还

2019-08-19

1分彩app登入_四十五种花卉养殖的注意事项

1、杜鹃:喜凉爽通风1分彩app登入,忌高温炎热;喜半阴,忌烈日;喜湿润,忌干燥;喜酸性土,忌碱性土;喜排水良好的松毛土,忌积水;如排水良好,水可大点,叶面要老要喷水。 2、君

2019-08-19

幸运快3走势图_火箭永不死!20年一轮回 能否复制95年神迹?

 腾讯体育5月18日讯火箭队18年的尴尬纪录,终于在今天终止了!在今天半夜上演的火箭队和快船队的抢七大战中,最终火箭队以113-30击败快船队,从而以4-3的大比分成功挺进西部

2019-08-19