前言
为了方便大家文章评论是懒得写评论,而不随意乱写评论,所以花亿点点时间写一下文章评论常用语功能,也希望后续子比主题能自带此功能吧。虽然用处不大,哈哈哈哈~~~~
话不多说,直接上教程,评论才可以查看隐藏内容哦!(本文转自-星语的小木屋)
食用教程
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');
});
PHP代码
第一步:在“../zibll/template/comments.php”子比主题的template目录下“comments.php”文件合适位置添加下面代码:【看截图】
// 常-用-语函数
if (_pz('comment_words', true)) {
echo zib_get_input_expand_but('wiui_words');
}
![图片[1]-子比主题添加文章评论常用语功能[子比教程]-卡卡时光记录](https://www.kakaall.com/wp-content/uploads/2022/09/35793b3470181022-1024x291.png)
第二步:在“../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>';
}
![图片[2]-子比主题添加文章评论常用语功能[子比教程]-卡卡时光记录](https://www.kakaall.com/wp-content/uploads/2022/09/d842d90b25181437-1024x506.png)
【说明】评论常用语自己自定义,PHP代码中用注释,自己按格式写就好啦,最好不要超过10句。
效果
![图片[3]-子比主题添加文章评论常用语功能[子比教程]-卡卡时光记录](https://www.kakaall.com/wp-content/uploads/2022/09/20220912215915-1024x415.jpg)
⬇️实际效果可在本站评论查看。。。
-------本页类容已结束,喜欢请分享-------
感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容