一、不想折腾代码的只需两步即可,详细如下:
1、下载本站已经折腾好的Three主题滑动解锁自动提交代码压缩包,内含张戈博主分享的myqaptcha代码和Three主题须要修正的更换文件。
下载地址
2、将本站分享的压缩包解压后,把myqaptcha文件夹上传到Three主题目录下;把“Three主题修正文件”文件夹内的comments.php和functions.php更换Three主题目录下的comments.php和functions.php文件,把comments-ajax.js更换Three主题目录下JS文件夹内的comments-ajax.js文件。
二、想折腾代码的详细步骤如下(适用于其他WordPress主题):
1、跟上面第一步一样,下载张戈博主分享的myQaptcha代码,下载解压后,将得到的myqaptcha文件夹整体上传到Three主题目录下备用。
2、编辑Three主题目录下的functions.php,在<?php 之后添加如下代码保存即可:
// 滑动提交评论
include(\公众myqaptcha/myQaptcha.php\公众);
3、修正评论框的提交按钮代码
打开Three主题目录下的comments.php,将以下代码:
<p class=\公众form-submit\"大众>
<input id=\公众submit\"大众 name=\"大众submit\"大众 type=\"大众submit\"大众 tabindex=\"大众5\"大众 value=\"大众提交评论\公众>
<?php comment_id_fields(); do_action('comment_form', $post->ID); ?>
</p>
更换为以下代码:
<div id=\公众autosubmit\"大众></div>
<p style=\"大众display:none;\"大众>
<input id=\"大众submit\"大众 name=\"大众submit\"大众 type=\"大众submit\公众 tabindex=\"大众5\"大众 value=\公众提交评论\"大众>
<?php comment_id_fields(); do_action('comment_form', $post->ID); ?>
</p>
4、修正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 + '\"大众 style=\公众vertical-align:middle;\公众 alt=\公众\公众/> ' + request.responseText);
setTimeout(function() {$submit.attr('disabled', false).fadeTo('slow', 1); $('#error').slideUp();}, 3000);
},
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 + '\"大众 style=\公众vertical-align:middle;\"大众 alt=\公众\"大众/> ' + request.responseText);
setTimeout(function() {$submit.attr('disabled', false).fadeTo('slow', 1); $('#error').slideUp();}, 3000);
$(\"大众.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评论成功或失落败后,复原滑动模块,让滑动模块可以再次利用!
至此,Three主题评论按钮修正为滑动/拉链解锁后自动提交评论的功能已经实现了,欢迎大家测试利用。
特殊感谢:本文技能和myQaptcha代码均来自于张戈博主的《WordPress评论滑动/拉链解锁myQaptcha修正为自动提交的方法》。