🎉 恭喜你发现了宝藏!

WordPress子比美化教程(持续更新中) 25/12/19更新

文章最后更新时间:2025-12-21 00:58:26

图片[1] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客

投放地方:后台=>>主题设置=>>自定义代码=>>自定义 javascript 代码,把下面的 js 代码复制粘贴到里面即可。

图片[2] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客

添加路径:在后台=>>外观=>>小工具=>>自定义 HTML=>>选择你需要放的位置

<style type="text/css">
    #go-fav {
        width: 100%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        background: #3d3d3d;
        font-size: 14px;
        font-weight: 400;
        color: rgba(255, 255, 255, 1)
    }
    
    #go-fav span {
        padding: 5px 10px;
        background: rgba(255, 197, 0, 1);
        border-radius: 5px;
        color: #202020;
        margin: 0 5px
    }
    
    #go-fav a {
        color: #aeaeae
    }
    
    #go-fav a:hover {
        color: var(--focus-color)
    }
    </style>
    <div id="go-fav"> 赶紧收藏我们,查看更多心仪的内容?按<span>Ctrl</span>+<span>D</span>收藏我们 或<a class="find-more" href="/" rel="nofollow noopener" target="_blank"> 发现更多</a></div>
图片[3] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客

将下面的代码放到:子比主题->>自定义CSS样式

图片[4] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客

代码很简单,CSS放到自定义CSS即可

图片[5] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客

不多说直接放自定义CSS即可

图片[6] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客
图片[7] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客

这个一共需要两个代码,跟着我步骤走,一个是JS引入的文件代码,一个是JS代码,JS代码是cf引入的,可能比较卡,毕竟是外网,可以自己保存本地引入!

代码部署

效果图我就不截图了,我直接展示样式给你们看,喜欢的自行部署,任何网站都可以使用哦!

效果展示

NUOSO.CN

代码部署

图片[8] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客

免费和付费是一起改,一行CSS代码即可解决,将下面的代码放到:子比主题–>>自定义CSS样式即可,如果有自己喜欢的颜色可以去找颜色代码替换!!

图片[10] - WordPress子比美化教程(持续更新中) 25/12/19更新 - 诺守博客

用这个功能必须是要用子比自带的小工具:Zibll 最近评论,将下面的代码放到:子比主题–>>自定义CSS样式

1 2 3 4 5

© 版权声明
THE END
点赞900赞赏 分享
评论 共1条

请登录后发表评论