子比美化 – 侧边最近评论样式美化

这是一款子比主题侧边最近评论样式美化,这个最近评论样式我觉得还是不错的,教程非常详细,一共三步骤,喜欢的自行部署吧。

效果图

图片[1]-子比美化 – 侧边最近评论样式美化-大恩博客 - Daen Blog

部署教程

注:在子比的小工具里面,有一个Zibll 最近评论,别忘了放到侧边,话不多说直接开始。

定位:WordPress 后台 → 子比主题设置 → 全局功能 → 自定义代码 → 自定义CSSJS代码样式 ,将下面的代码粘贴到输入框中

我们第一步要将下面的附件上传到:/wp-content/themes/zibll目录下就可以,上传成功后会多出一个文件夹,文件夹名称:daen。这是为了避免太乱所以弄了个文件夹,不想用这个文件夹名称的,你可以自行修改。修改完要到JS代码里把你修改的文件夹名称修改掉。你也可以不用改,避免改的报错什么的!

侧边最近评论样式美化
// 最近评论样式调用JS代码
var postsMiniElements = document.querySelectorAll('.posts-mini');  
  
postsMiniElements.forEach(function(element) {  
    // 生成一个随机的Base64编码字符串  
    var randomBase64 = btoa(Math.random().toString(36).substr(2, 9));  
      
    // 拼接到URL中  这里是路径 如果修改了附件的文件夹的名称 这里也要修改
    var url = '/wp-content/themes/zibll/daen/img/pl/deapi.php?kid=' + randomBase64;  
      
    // 设置背景图片的URL  
    element.style.backgroundImage = 'url(' + url + ')';  
});
// 评论美化代码结束
/* 最近评论样式调用JS代码 */
.posts-mini {
    background-size: cover;
    margin-bottom: 5px;
    padding: 15px;
}

结语

部署很简单,傻瓜式。感觉好看的快去部署吧!😀

温馨提示: 本文最后更新于2026-02-21 20:43:29

感谢您的来访,获取更多精彩文章请收藏本站。

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

请登录后发表评论

    暂无评论内容