子比主题美化 – 添加文章评论常用语功能

介绍

教程

CSS代码

在后台 >> Zibll主题设置 >> 全局&功能 >> 自定义代码 >> 自定义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)}

javascript代码

在后台 >> Zibll主题设置 >> 全局&功能 >> 自定义代码 >> 自定义javascript代码，添加如下jQuery代码：

// 评论常用语$('.wiiuii-words-li').on('click', <strong>function</strong>() {   var $wiiuii_comment = $('#comment');    var wiiuii_com_text = $(<strong>this</strong>).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');});

PHP代码

第一步：在“../zibll/template/comments.php”子比主题的 template 目录下“comments.php”文件，搜索 smilie 在上方位置添加如下代码：

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

第二步：在“../zibll/inc/functions/functions.php”子比主题的template目录下“functions.php”文件，搜索 smilie 在“表情”上方位置添加如下代码：

// 常用语函数
    if ('wiui_words' == $type) {
        $but = '<a class="but btn-input-expand mr6" href="javascript:;" rel="external nofollow" ><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>';
    }