WordPress子比美化教程(持续更新中)

文章最后更新时间:2024-07-25 11:29:52

请到下面文章查看此样式美化

图片[2] - WordPress子比美化教程

后台 >> Zibll主题设置 >> 全局&功能 >> 自定义代码 >> 自定义CSS样式

图片[4] - WordPress子比美化教程

上面的图片是圆角,代码很简单,直接将代码放到自定义CSS即可

图片[5] - WordPress子比美化教程

将代码放到自定义CSS里面即可!!

图片[6] - WordPress子比美化教程

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

效果可以鼠标指向本站头像即可看效果,投放目录:后台=>>主题设置=>>自定义代码=>>自定义 CSS代码

图片[7] - 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 收藏小工具结束--->
图片[8] - WordPress子比美化教程

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

1 2 3 4 5

THE END
点赞14 分享
评论 共20条

请登录后发表评论