如何给子比主题评论区增加自动打卡功能 增加用户粘性的奇葩方法-zibll教程分享社区-zibll子比主题-WordPress主题模板-zibll子比主题

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

相关阅读

一个细节让你的用户在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会员、仅认证用户可见的页面(附实例)

 

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

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

 

请登录后发表评论