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

文章最后更新时间:2025-09-09 12:01:45

图片[1]-子比主题 – 侧边栏最近评论样式美化-九二分享

这是一款子比主题侧边最近评论样式美化,怎么实现你就不用管了,我这边都已经打包好了,你只管跟着我的教程走,不会有问题,这个最近评论样式我觉得还是不错的,教程非常详细,一共三步骤。如果还是看图片不理解,可以电脑端看我文章侧边就可以!

代码部署

一共三个步骤,跟着我的教程走就行了,部署之前要知道这个是美化子比的哪个小工具,在我们的小工具里面,有一个,别忘了放到侧边,话不多说直接开始,

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目录下就可以,然后其他的就不用管了,我这边已经打包部署好了,你也不用改,避免改的报错什么的!

子比主题 – 侧边栏最近评论样式美化-九二分享
子比主题 – 侧边栏最近评论样式美化
此内容为免费资源,请登录后查看
R币0
本站资源均为作者提供和网友推荐收集整理而来,仅供学习和研究使用,请在下载后24小时内删除,谢谢合作!
免费资源
© 版权声明
THE END
喜欢就支持一下吧
点赞0
评论 抢沙发

请登录后发表评论

    暂无评论内容