如何给子比主题评论区增加自动打卡功能 增加用户粘性的奇葩方法-实用教程社区-紫禁源码资源站

如何给子比主题评论区增加自动打卡功能 增加用户粘性的奇葩方法

如何给子比主题评论区增加自动打卡功能 增加用户粘性的奇葩方法 插图1

相关阅读

《一个细节让你的用户在QQ移动端使用更加轻松,记得加上刷新按钮!》

问题场景

使用子比主题,我们通常会让用户评论来获取内容,这无疑帮助我们带来了大量的用户,但是很多用户评论内容会显得非常的2(用户除了扣6,就是乱发一些数字)

微信截图_20220123134028.png

 

我们这时可以增加一个小功能(自动打卡),效果如下,可以自动调用评论的时间,让用户填入我们内置的文字

GVj2DibdyTrPswO.png

效果测试

https://www.iculture.cc/knowledge/pig=8273

微信截图_20220123142524.png

 

解决方案

修改的教程稍微有些复杂,修改的整体思路如下

  • wp-content/themes/zibll/template/comments.php 博客【打卡按钮】相关函数整合
  • wp-centent/themes/zibll/inc/functions/bbs/inc/comments.php 论坛【打卡按钮】相关函数整合
  • wp-content/themes/zibll/inc/options/admin-options.php 增加后台是否开启博客【打卡按钮】选项
  • wp-content/themes/zibll/inc/functions/bbs/admin/options.php 增加后台是否开启论坛【打卡按钮】选项
  • wp-content/themes/zibll/inc/functions/functions.php 增加评论区【打卡按钮】
  • 后台自定义js代码的填入

 

wp-content/themes/zibll/template/comments.php文件,第114行增加

 
 
 
//用户自动打卡
if (_pz(‘comment_signin’)) {
echo zib_get_input_expand_but(‘signin’);
}

wp-content/themes/zibll/inc/functions/bbs/inc/comment.php文件,第132行增加

 
 
 
//用户快速打卡
if (_pz(‘bbs_comment_signin’, true)) {
$html .= zib_get_input_expand_but(‘signin’);
}

wp-content/themes/zibll/inc/options/admin-options.php文件,第3802行增加

 
 
 
// 允许打卡
array(
‘dependency’ => array(‘close_comments’, ‘==’, , , ‘visible’),
‘id’ => ‘comment_signin’,
‘help’ => ‘允许打卡,懒人必备”‘,
‘type’ => ‘switcher’,
‘default’ => true,
‘title’ => __(‘允许用户快速打卡’, ‘zib_language’),
),

wp-content/themes/zibll/inc/funtions/bbs/admin/option.php文件,第1364行增加

 
 
 
array(
‘id’ => ‘bbs_comment_signin’,
‘type’ => ‘switcher’,
‘default’ => true,
‘title’ => __(‘允许用户快速打卡’, ‘zib_language’),
),

wp-content/themes/zibll/inc/funtions/functions.php文件,第1525行增加

 
 
 
//打卡
if (‘signin’ == $type) {
$but = ‘<a class=”but input-signin mr6″ href=”javascript:fancypig.simple.daka();”><i class=”fa fa-check-square-o”></i><span class=”hide-sm”>打卡</span></a>’;
}

后台自定义javascript代码中,增加

 
 
 
function a(a, b, c) {
if (document.selection) a.focus(), sel = document.selection.createRange(), c ? sel.text = b + sel.text + c : sel.text = b, a.focus();
else if (a.selectionStart || “0” == a.selectionStart) {
var l = a.selectionStart,
m = a.selectionEnd,
n = m;
c ? a.value = a.value.substring(0, l) + b + a.value.substring(l, m) + c + a.value.substring(m, a.value.length) : a.value = a.value.substring(0, l) + b + a.value.substring(m, a.value.length);
c ? n += b.length + c.length : n += b.length – m + l;
l == m && c && (n -= c.length);
a.focus();
a.selectionStart = n;
a.selectionEnd = n
} else a.value += b + c, a.focus()
}
var b = (new Date).toLocaleTimeString(),
c = document.getElementById(“comment”) || 0;
window.fancypig = {};
window.fancypig.simple = {
daka: function() {
a(c, “滴!粉丝卡!打卡时间:” + b, “,请上车的乘客系好安全带~”)
},
zan: function() {
a(c, ” 文章写得不错,给你点个赞,继续加油哈!”)
},
cai: function() {
a(c, “骚年,我怀疑你写了一篇假的文章!”)
}
};

微信截图_20220123135015.png

使用方法

修改完成代码后,别忘了后台里关闭,然后再开启保存就行了!

  • 文章&列表>评论设置>允许用户快速打卡
  • 社区&论坛>回复评论>允许用户快速打卡

微信截图_20220123135613.png

微信截图_20220123140213.png

 

打包下载

打包版本适用于V6.1版本,请不要无脑上传覆盖

打包文件https://pan.iculture.cc/s/XpACr

  • 打包版本下载完成后,不要忘记在后台开启
  • 上传到子比主题目录下wp-content/themes/zibll/

我这里主题目录修改为fancypig了,并不影响,你们如果是默认的就用默认的路径

微信截图_20220123142036.png

然后解压缩就完成了

微信截图_20220123142218.png

 

 

 

思路拓展

其实,我们后台给出的自定义函数还可以增加点赞、踩的功能

相关图标您可以参考http://www.fontawesome.com.cn/faicons/

 

微信截图_20220123141232.png

 

微信截图_20220123141144.png

在inc/funtions/functions.php文件中,修改的时候可以进行替换

 
 
 
<i class=“fa fa-check-square-o”></i>

非常容易上手的!

 

当然,你还可以玩一些其他的骚操作,例如直接调用我们的一言里的文本,然后让用户评论的时候自动评论一言的内容!甚至你还可以做个判断,仅会员用户可以使用自动打卡的偷懒功能,我们之前讲过这样的思路

如何设计一个仅VIP会员、仅认证用户可见的页面(附实例)

 

很多好的想法,其实都源于运营时候发现的问题,我们及时去跟进,一切的修改也应当以运营为基础!

如果你是正在运营的站点,建议多以内容为主,工具、美化修改为辅,不要找错了方向,花了时间却没有效果!

 

如何给子比主题评论区增加自动打卡功能 增加用户粘性的奇葩方法 插图12
请登录后发表评论

    没有回复内容