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

文章最后更新时间:2025-11-22 09:42:38

图片[1] - WordPress子比美化教程(持续更新中)

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

图片[2] - WordPress子比美化教程(持续更新中)

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

<!---CTRL+D 收藏小工具开始--->
<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>
    <!---CTRL+D 收藏小工具结束--->
图片[3] - WordPress子比美化教程(持续更新中)

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

图片[4] - WordPress子比美化教程(持续更新中)

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

图片[5] - WordPress子比美化教程(持续更新中)

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

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

代码部署

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

效果展示

TFBKW.COM

代码部署

图片[8] - WordPress子比美化教程(持续更新中)

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

图片[10] - WordPress子比美化教程(持续更新中)

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

1 2 3 4 5

© 版权声明 All Rights Reserved
THE END
点赞17 分享
评论 共9条

请登录后发表评论