文章最后更新时间:
![图片[1]-子比主题 – 侧边栏最近评论样式美化-九二分享](https://pic.9wt.cn/StorageFour/20250702/3aea5bf427e0eb1a8be48b16434126ed.webp)
这是一款子比主题侧边最近评论样式美化,怎么实现你就不用管了,我这边都已经打包好了,你只管跟着我的教程走,不会有问题,这个最近评论样式我觉得还是不错的,教程非常详细,一共三步骤。如果还是看图片不理解,可以电脑端看我文章侧边就可以!
代码部署
一共三个步骤,跟着我的教程走就行了,部署之前要知道这个是美化子比的哪个小工具,在我们的小工具里面,有一个,别忘了放到侧边,话不多说直接开始,
JS代码放到:子比主题–>>自定义javascript代码 就可以了!
// 最近评论样式调用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/img/tengfei/cebian/tfapi.php?kid=' + randomBase64;
// 设置背景图片的URL
element.style.backgroundImage = 'url(' + url + ')';
});
将下面的CSS代码直接丢到:子比主题–>>自定义CSS样式 即可!
.posts-mini {
background-size: cover;
margin-bottom: 5px;
padding: 15px;
}
上传附件我们第一步要做的是将下面的附件上传到:/wp-content/themes/zibll目录下就可以,然后其他的就不用管了,我这边已经打包部署好了,你也不用改,避免改的报错什么的!
© 版权声明
© 版权声明 All Rights Reserved
THE END







暂无评论内容