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

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


------正文内容展示,开始汲取新知识啦------

前言

为了方便大家文章评论是懒得写评论,而不随意乱写评论,所以花亿点点时间写一下文章评论常用语功能,也希望后续子比主题能自带此功能吧。虽然用处不大,哈哈哈哈~~~~

话不多说,直接上教程,评论才可以查看隐藏内容哦!

食用教程

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代码

第一步:在“../zibll/template/comments.php”子比主题的template目录下“comments.php”文件合适位置添加下面代码:【看截图】

图片[1]-子比主题添加文章评论常用语功能[子比教程]-星语的小木屋评论文件

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

第二步:在“../zibll/inc/functions/functions.php”子比主题的template目录下“functions.php”文件合适位置添加下面代码:【看截图】

图片[2]-子比主题添加文章评论常用语功能[子比教程]-星语的小木屋
评论常用语功能函数

【说明】评论常用语自己自定义,PHP代码中用注释,自己按格式写就好啦,最好不要超过10句。

效果

2023030315252566

温馨提示:本文最后更新于2023-07-29 17:27:29,某些文章具有时效性,若有错误或已失效,请私信客服或联系知新社长
------本文内容已结束,喜欢请分享------

感谢您的访问,Ctrl+D收藏本站吧。

© 版权声明
三月 3

知岛上的今时往日

THE END
点赞0投币 分享
评论 共29条
头像
善语结善缘,恶言伤人心。(禁止发送无意义的字符)
提交
头像

昵称

夸夸Ta
夸夸
还有吗!没看够!
取消
昵称表情代码图片
    • 头像 dfffffs0
    • 头像 跨境老K0
    • 头像 跨境老K0
    • 头像 跨境老K0
    • 头像 跨境老K0
    • 头像 静鱼客栈0
社区求救信号帮助是一种美德