子比美化丨添加文章评论常用语功能

也想出现在这里? 联系我们
信息

为了方便大家在文章评论中不随意乱写评论,所以就加个懒得写评论模式,给网站添加一个常用语功能,而话不多说,直接上教程,评论才可以查看隐藏内容哦!

使用教程

1、CSS代码样式

在后台主题设置[自定义CSS样式]添加下面CSS代码:

/*常-用-语样式*/
.wiiuii-words-li{margin:5px auto;padding:5px;background:var(--body-bg-color);border-radius:var(--main-radius)}
.wiiuii-words-li:hover{background:var(--float-btn-bg)}

2、JS代码

在后台主题设置[自定义javascript代码]添加下面jQuery代码:

// 评-论-常-用-语JS
$('.wiiuii-words-li').on('click', function() {
   var $wiiuii_comment = $('#comment');
    var wiiuii_com_text = $(this).find('span').text();
    var wiiuii_com_original = $wiiuii_comment.val();
    $wiiuii_comment.val(wiiuii_com_original ? wiiuii_com_original + '  ' + wiiuii_com_text : wiiuii_com_text);
    $('.wiui_words').removeClass('open');
});

3、PHP代码(关键)

第一步:在子比主题的template目录下“comments.php”文件,打开后搜索,comment_smilie,将下面代码添加到上方合适位置即可。

文件路径:/zibll/template/comments.php

// 常-用-语函数 if (_pz('comment_words', true)) { echo zib_get_input_expand_but('wiui_words'); }

第二步:在子比主题的template目录下“functions.php”文件合适位置添加下面代码:

文件路径:/zibll/inc/functions/functions.php

// 常-用-语函数
    if ('wiui_words' == $type) {
        $but = '<a class="but btn-input-expand mr6" href="javascript:;"><i class="fa fa-fw fa-comment-o"></i><span class="hide-sm">常用语</span></a>';
        // 下面是自定义常用语,自己自定义喜欢常用语,最后不超过10条
        $wiiuii_words_args = array('谢谢博主分享!', '博主NB,666', '感谢楼主分享!', '感谢大佬分享!', '教程很好用,谢谢!');
        foreach ($wiiuii_words_args as $wiiuii_word) {
            $wiui_word_index++;
            $wiui_words .= '<li class="wiiuii-words-li"><b>' . $wiui_word_index . '、</b><span>' .$wiiuii_word . '</span>' . '</li>';
        }
        $dropdown = '<div class="dropdown-code">';
        $dropdown .= '<span>请选择评论常用语:</span>';
        $dropdown .= '<ul>';
        $dropdown .= $wiui_words;
        $dropdown .= '</ul>';
        $dropdown .= '</div>';
    }

【说明】评论常用语自己自定义,PHP代码中用注释,自己按格式写就好啦,最好不要超过10句。

图片[1]-子比美化丨添加文章评论常用语功能-边缘人的资源库
© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
有问题也可以在评论区留言,站长QQ:1240555208 抢沙发
头像
点击夸一夸可以快速回复哦~
提交
头像

昵称

夸夸
夸夸
还有吗!没看够!
取消
昵称表情代码

    暂无评论内容