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 之后添加如下代码保存即可:

  1. // 滑动提交评论

  2. include(\”myqaptcha/myQaptcha.php\”);

3、修改评论框的提交按钮代码

打开Three主题目录下的comments.php,将以下代码:

  1. <p class=\”form-submit\”>

  2. <input id=\”submit\” name=\”submit\” type=\”submit\” tabindex=\”5\” value=\”提交评论\”>

  3. <?php comment_id_fields(); do_action(\’comment_form\’, $post->ID); ?>

  4. </p>

替换为以下代码:

  1. <div id=\”autosubmit\”></div>

  2. <p style=\”display:none;\”>

  3. <input id=\”submit\” name=\”submit\” type=\”submit\” tabindex=\”5\” value=\”提交评论\”>

  4. <?php comment_id_fields(); do_action(\’comment_form\’, $post->ID); ?>

  5. </p>

4、修改comments-ajax.js代码

目的是为了滑动模块后,不管是评论提交成功还是失败,模块都应该恢复到未拉动的状态,以备再次评论。

把以下代码:

  1. /** Ajax */

  2. $.ajax( {

  3. url: ajax_php_url,

  4. data: $(this).serialize(),

  5. type: $(this).attr(\’method\’),

  6. error: function(request) {

  7. $(\’#loading\’).slideUp();

  8. $(\’#error\’).slideDown().html(\'<img src=\”\’ + pic_no + \’\” style=\”vertical-align:middle;\” alt=\”\”/> \’ + request.responseText);

  9. setTimeout(function() {$submit.attr(\’disabled\’, false).fadeTo(\’slow\’, 1); $(\’#error\’).slideUp();}, 3000);

  10. },

  11. success: function(data) {

  12. $(\’#loading\’).hide();

  13. comm_array.push($(\’#comment\’).val());

  14. $(\’textarea\’).each(function() {this.value = \’\’});

  15. 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;

替换为以下代码:

  1. /** Ajax */

  2. $.ajax( {

  3. url: ajax_php_url,

  4. data: $(this).serialize(),

  5. type: $(this).attr(\’method\’),

  6. error: function(request) {

  7. $(\’#loading\’).slideUp();

  8. $(\’#error\’).slideDown().html(\'<img src=\”\’ + pic_no + \’\” style=\”vertical-align:middle;\” alt=\”\”/> \’ + request.responseText);

  9. setTimeout(function() {$submit.attr(\’disabled\’, false).fadeTo(\’slow\’, 1); $(\’#error\’).slideUp();}, 3000);

  10. $(\”.QapTcha\”).html(\’\’);$(\”.QapTcha\”).QapTcha();

  11. },

  12. success: function(data) {

  13. $(\’#loading\’).hide();

  14. comm_array.push($(\’#comment\’).val());

  15. $(\’textarea\’).each(function() {this.value = \’\’});

  16. 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;

  17. $(\”.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

点赞 0
收藏 0

文章为作者独立观点不代本网立场,未经允许不得转载。