这篇文章介绍了在子比主题中添加文章评论常用语功能的教程，作者表示为了方便读者在评论文章时不必费力写评论，他花了一些时间添加了这个功能，并希望将来的子比主题可以自带此功能。作者认为这个功能的实际用处并不大。

------正文内容展示，开始阅读新内容 ------

简介:

为了方便大家文章评论是懒得写评论，而不随意乱写评论，所以花亿点点时间写一下文章评论常用语功能，也希望后续子比主题能自带此功能吧。虽然用处不大，哈哈哈哈~~~~

先看演示:

因为很详细！！非常详细，，所以收取少量辛苦费嘻嘻，你们放心绝对绝对绝对保证你们物有所值！！！

使用教程:

 

[hidecontent type="payshow"]

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)}

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');
});
[/hidecontent]

步骤：

[hidecontent type="payshow"]

PHP代码:

第一步：在“../zibll/template/comments.php”子比主题的template目录下“comments.php”文件合适位置添加下面代码：【看截图】

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

第二步：在“../zibll/inc/functions/functions.php”子比主题的template目录下“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>';
    }

[/hidecontent]