Three主题评论按钮修改为滑动/拉链解锁后自动提交评论?
前阵子在逛张戈博客的时候,发现他的博客评论按钮挺好的,一来可以有效防止垃圾评论,二来减少一个评论提交步骤从而有效提高用户体验,所以我也把自己博客的评论按钮修改为滑动/拉链解锁后自动提交评论,今天就把折腾的过程分享一下。
一、不想折腾代码的只需两步即可,具体如下:
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修改为自动提交的方法》。
“微信新增独立发送按钮”冲上热搜!史诗级更新?网友热议
每经编辑:张锦河
今日,“微信新增独立发送按钮”冲上热搜。
据郑州晚报,10月31日,iOS版本微信更新了8.0.43版本,新增了一个换行按钮。
更新后在【微信】-【我】-【设置】-【通用】-(新增)【使用独立的发送按钮】,默认关闭,手动开启后,键盘上的发送按钮就会替换成换行。
开启后,iPhone自带输入法原来的“发送”变成了“换行”,对话框右侧是发送键,可以实现一键回车换行了。对iOS微信+苹果自带输入法用户来说属实是史诗级更新了。
图片来源:新浪微博测评博主
图2 图片来源:郑州晚报
有博主称,该功能是鸿蒙和安卓一直默认就有。
不少网友为该功能点赞:“终于不再是自己打空格换行了”“苹果终于可以支持换行了”“终于出这个功能 ”“试了试,感觉不错”……
还有些网友对此功能评价一般:“好像没啥区别”“这个很多人都用不上啊”“ 就这?”……
还有网友表示期待更多的功能更新,“语音进度条、朋友圈可以图片评论更值得做啊”“我需要朋友圈可编辑 ”“微信能不能别再占几十个G了啊”……
不久前,微信对消息弹窗进行了升级优化,在微信打开时也能收到新消息显示。
打开微信,点击「我」-「设置」-「消息通知」,可以看到新增了「横幅显示内容」选项。
有3种内容显示形式,分别为:仅显示你收到1条消息,显示朋友名称、群聊名,显示朋友名称、群聊名及消息内容。
现在可以设置横幅显示内容,可选择仅显示「你收到了 1 条消息」,效果如下,只会提示有 1 条消息,不会显示任何的消息内容。
如果设置了显示朋友名称、群聊名,那么在微信内的横幅是下面这样的,只会显示朋友的名称或者群聊的名称。
如果设置了显示朋友名称、群聊名称以及消息内容,那么效果如下,会通过横幅显示好友或者群聊的头像以及好友昵称和具体内容。
每日经济新闻综合自郑州晚报、网友评论
每日经济新闻
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场,未经允许不得转载。