WordPress教程-子比主题添加文章评论常用语功能

前言

有很多人不愿意自己打字回复,总是随意输入一些数字回复,这样我还要手动一个一个删除很麻烦,为了方便大家评论文章,懒得自己写评论,所以花亿点点时间写文章评论常用词组的功能。

教程开始

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

PHP代码

1、在“../zibll/template/comments.php”子比主题的template目录下“comments.php”文件合适位置添加下面代码

图片[1]-WordPress教程-子比主题添加文章评论常用语功能 - 优源网-优源网

2、在“../zibll/inc/functions”子比主题的inc/functions目录下“functions.php”文件合适位置添加下面代码,搜索 smilie 查找位置。随着版本更新位置会不一样,修改前一定要先分享源文件。

图片[2]-WordPress教程-子比主题添加文章评论常用语功能 - 优源网-优源网

效果图

评论常用语自己自定义,PHP代码中用注释,自己按格式写就好啦,最好不要超过10句(内容可以自己修改)

图片[3]-WordPress教程-子比主题添加文章评论常用语功能 - 优源网-优源网

$wiiuii_words_args = array(‘谢谢博主分享!’, ‘博主NB,666’, ‘感谢楼主分享!’, ‘感谢大佬分享!’, ‘教程很好用,谢谢!’);

这段可以自定义修改你需要的内容。

© 版权声明
THE END
喜欢就支持一下吧
点赞5 分享
评论 共1条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称