这是一款子比主题侧边最近评论样式美化,这个最近评论样式我觉得还是不错的,教程非常详细,一共三步骤,喜欢的自行部署吧。
效果图
![图片[1]-子比美化 – 侧边最近评论样式美化-大恩博客 - Daen Blog](https://pic.rmb.bdstatic.com/bjh/user/aac14fe1a92111ccf16714b0fa4ca50b8372.png)
部署教程
注:在子比的小工具里面,有一个
定位:WordPress 后台 → 子比主题设置 → 全局功能 → 自定义代码 → 自定义CSS和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
感谢您的来访,获取更多精彩文章请收藏本站。
© 版权声明
① 本网站的文章内容来源于网络,学习研究后请自觉删除,请勿传播,因未及时删除所造成的任何后果责任自负。
② 若您认为「WWW.DAENZY.COM」发布的内容若侵犯到您的权益,请联系站长邮箱:5585397@qq.com 进行删除处理。
③ 本站资源大多存储在云盘,如发现链接失效,请联系我们,我们会第一时间更新。THE END

暂无评论内容