🎉 恭喜你发现了宝藏!

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

图片展示

子比主题美化-添加文章评论常用语功能-尚艺博客

教程开始

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 在上方位置添加如下代码:

子比主题美化-添加文章评论常用语功能-尚艺博客

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

子比主题美化-添加文章评论常用语功能-尚艺博客

 

温馨提示: 本文最后更新于2025-01-18 19:30:58,某些文章具有时效性,若有错误或已失效,请在下方 留言或联系 测试
查看更多心仪的内容 按Ctrl+D收藏我们
部分内容来自于网络 如有不妥联系站长删除
欢迎前来投稿文章
一月 17

本站历史上的今天

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容