前言
为了方便大家在进行评论留言互动时懒得写评论,而不随意乱写评论,所以花亿点点时间写一下文章评论常用语功能,也希望后续子比主题能自带此功能吧。
教程
1、复制下方代码添加到主题设置自定义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、复制下方代码添加到主题设置自定义javascript代码中
// 评-论-常-用-语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、在文件路径“../zibll/template/comments.php”子比主题的template目录下“comments.php”文件合适位置添加下面代码:【看截图】
![图片[1]-子比主题(zibll)添加快捷回复/文章评论常用语功能-AA源码网 | 源码收藏](https://images.aaym.net/2023/05/d2b5ca33bd141811-750x462.png!/format/webp/lossless/true)
4、在文件路径“../zibll/inc/functions/functions.php”functions目录下“functions.php”文件合适位置添加下面代码:【看截图】
![图片[2]-子比主题(zibll)添加快捷回复/文章评论常用语功能-AA源码网 | 源码收藏](https://images.aaym.net/2023/05/d2b5ca33bd192329-750x452.png!/format/webp/lossless/true)
【说明】评论常用语自己自定义,PHP代码中用注释,自己按格式写就好啦,最好不要超过10句。
教程到这里就结束了,让我们看看最终的效果吧。
最终效果展示
![图片[3]-子比主题(zibll)添加快捷回复/文章评论常用语功能-AA源码网 | 源码收藏](https://images.aaym.net/2023/05/d2b5ca33bd142933-750x435.png!/format/webp/lossless/true)
本文结束END

- 最新
- 最热
查看全部