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

介绍

图片[1] - 子比主题美化 – 添加文章评论常用语功能 - 筱信日记

教程

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’, 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’);
});

 

PHP代码

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

图片[2] - 子比主题美化 – 添加文章评论常用语功能 - 筱信日记

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

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

 

本文隐藏内容

图片[3] - 子比主题美化 – 添加文章评论常用语功能 - 筱信日记

 
 
 
// 常用语函数
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>’;
}
温馨提示:本文最后更新于2024-05-05 18:25:31,某些文章具有时效性,若有错误或已失效,请在下方留言
© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

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

    暂无评论内容