子比主题美化-Zibll主题购买页面1:1复刻，推广子比必备利器【更新随机背景】

在主题根目录下pages下创建一个pay_zibll.php文件把下面代码填到里面

<?php
/*
 * Template name: ZbFox-主题推荐
 * Author       : 墨染云天
 * QQ           : 1789372108
 * URI          : https://www.zcxsmart.cn
 */
get_header();
function get_pay_zibll_random_bg() {
    $colors = [
        '--linear-bg-1',
        '--linear-bg-2',
        '--linear-bg-3',
        '--linear-bg-4',
        '--linear-bg-5',
        '--linear-bg-6',
        '--linear-bg-7',
        '--linear-bg-8',
        '--linear-bg-9',
        '--linear-bg-10',
    ];
    $randomIndex = array_rand($colors);
    return $colors[$randomIndex];
}
?>
<link rel='dns-prefetch' href='//s.w.org' rel="nofollow" />
<link rel='stylesheet' id='pay_page-css'  href='<?php echo get_stylesheet_directory_uri(); ?>/css/pay-zibll.css' type='text/css' media='all' />
<main role="main">
<div class="countdown-activity flex jc" style="margin-top:-20px">
<div class="activity-content flex ac" style="margin-bottom: 20px;"><!--下降20px-->
<div class="activity-title mr10">子比主题 限时优惠</div>
<div class="activity-desc">01月01日至12月31日 子比主题限时直降100元</div></div><!--标题修改-->
<div class="countdown-content badg jb-yellow radius flex jc" style="margin-bottom: 20px;"><!--下降20px-->
<div class="countdown-desc">活动倒计时</div>
<div class="countdown-time flex0 em09-sm badg jb-vip2 radius" data-over-text="活动已结束" data-newtime="2024-01-01 00:00:00" data-countdown="12/31/2024 23:59:59">X天X小时X分X秒</div></div></div><!--活动时间修改-->
<div class="product-container" style="opacity: 0;">
<div class="product-box relative">
<div class="product-background absolute" style="background:var(<?php echo get_pay_zibll_random_bg(); ?>);"></div>
<div class="product-row relative">
<div class="payrow-6 payrow-left">
<div class="relative zib-slider">
<div class="new-swiper swiper-c pay-slides"  data-effect="slide" data-loop="true" data-interval=" data-autoplay="1"" data-spaceBetween="15" style="">
<div class="swiper-wrapper">
<div class="swiper-slide "><span>
<!--轮播图开始-->
<img class="lazyload swiper-lazy radius8"  data-src="<?php echo get_stylesheet_directory_uri(); ?>/img/pay_zibll/pay_zibll_01.jpg"
src="<?php echo get_stylesheet_directory_uri(); ?>/img/pay_zibll/kongbai.svg"></span></div><div class="swiper-slide "><span>
<img class="lazyload swiper-lazy radius8"  data-src="<?php echo get_stylesheet_directory_uri(); ?>/img/pay_zibll/pay_zibll_02.jpg"
src="<?php echo get_stylesheet_directory_uri(); ?>/img/pay_zibll/kongbai.svg"></span></div><div class="swiper-slide "><span>
<img class="lazyload swiper-lazy radius8"  data-src="<?php echo get_stylesheet_directory_uri(); ?>/img/pay_zibll/pay_zibll_03.jpg"
src="<?php echo get_stylesheet_directory_uri(); ?>/img/pay_zibll/kongbai.svg"></span></div><div class="swiper-slide "><span>
<img class="lazyload swiper-lazy radius8"  data-src="<?php echo get_stylesheet_directory_uri(); ?>/img/pay_zibll/pay_zibll_04.jpg"
src="<?php echo get_stylesheet_directory_uri(); ?>/img/pay_zibll/kongbai.svg"></span></div></div>
<!--轮播图结束-->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="swiper-pagination kaoyou"></div></div></div>
<div class="more-but text-center">
    <a class="but hollow c-white" href="https://www.zibll.com/375.html?ref=11062" rel="nofollow" target="_blank">更新日志</a>
    <a class="but hollow c-white" href="https://www.zibll.com/zibll_word?ref=11062" rel="nofollow" target="_blank">主题文档</a>
<!--能运行就不要动-->
    </div></div><div class="payrow-6 payrow-right"><div class="pay-content"><div class="product-header">子比主题</div>
<!--能运行就不要动-->
<div class="product-doc">
    <div>简约优雅的设计风格、模块化组件、商城支付系统<br>社区论坛系统、深度SEO优化、专注阅读体验</div>
<div class="mt6">
    <a target="_blank" href="https://www.zibll.com/1083.html?ref=11062" class="but c-white font-bold px12 p2-10">赠送官网推广会员，享20%推荐奖励
    <i class="ml6 fa fa-angle-right em12"></i></a>
</div></div>
<div class="px13"><b class="em3x"><span class="pay-mark">￥</span>599</b><!--现价修改-->
<div class="inline-block ml10 text-left">
<badge><i class="fa fa-fw fa-bolt"></i>限时特惠</badge><br/>
<span class="original-price" title="原价￥699"><span class="pay-mark">￥</span>699</span></div></div><!--原价修改-->
<div class="badg badg-lg payvip-icon">立即购买，免费包安装。</div>
<div class="product-pay">
<a href="https://www.zibll.com/pay-zibll?ref=11062" rel="nofollow"  class="but jb-red signin-loader" target="—_blank">
    <i class="fa fa-angle-right" aria-hidden="true"></i>立即购买</a>
<a href="https://qm.qq.com/q/BkwhFtZB2E" class="but jb-red signin-loader" target="—_blank">
    <i class="fa fa-angle-right" aria-hidden="true"></i>联系客服</a>
</div></form>
<div class="relative product-details box-body radius8">
<ul>
<li>最新版本：V7.9<a target="_blank" data-toggle="tooltip" title="" href="https://www.zibll.com/375.html?ref=11062" data-original-title="看看更新了什么？" class="ml10 c-white"><i class="fa fa-question-circle-o"></i></a></li>
<li>更新时间：2024-07-15</li>
<li>兼容 WP：5.0-6.5，推荐使用6.5版本</li>
<li>兼用PHP：7.0及以上，推荐7.2版本</li>
<li>授权数量：现在购买享<b style="background: linear-gradient(135deg, #ff9141 10%, #ee2336 100%);color: #fff;border-radius: 100px;padding: 0 6px">3个</b>域名授权</li>
<li>授权更换：授权享免费更换且不限制次数</li>
<li>授权时间：永久授权使用，免费更新</li>
</ul>
<div class="abs-center right-top" data-toggle="tooltip" title="" data-original-title="分享"><a data-class="modal-mini" mobile-bottom="true" data-height="243" data-remote="https://huliku.com/wp-admin/admin-ajax.php?action=share_modal&id=17657&type=post" class="share-btn but cir p2-10 mt10  c-white" href="javascript:;" data-toggle="RefreshModal" style="overflow: hidden; position: relative;"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-share"></use></svg></a></div>
</div></div></div></div></div></div>
<!--表头样式代码开始-->
<style>
.shop-single-z-btn .shouquan_guanli_anniu{
display: block;
text-align: center;
border-radius: 4px;
background-image: linear-gradient(300deg,#4c4d51 5%,#2a2a31 15%,#85858a 40%,#393a3c 60%,#393838 80%,#5e5f62 100%);
color: #fff;
}
.countdown-activity{background:linear-gradient(135deg, #f411ff 10%, #14d4df 100%);}
.jb-yellow, .order-type-3 .pay-tag{--this-bg:linear-gradient(135deg, #ff554f 10%, #facf28 100%);}
@media screen and (min-width: 900px){
    .shop-single-z-btn .shouquan_guanli_anniu{
        font-size: 16px;
        height: 50px;
        line-height: 50px;
    }
}
@media screen and (max-width: 900px){
    .shop-single-z-btn .shouquan_guanli_anniu{
        font-size: 15px;
        line-height: 40px;
    }
}
</style>
<!--表头样式代码结束-->
<div class="container">
<div class="theme-box article-content">
<article class="article wp-posts-content">
<?php the_content(  ); ?>
<?php comments_template('/template/comments.php', true); ?>
</div></div>
</main>
<?php
get_footer();

在主题根目录下css下创建一个pay-zibll.css文件把下面代码填到里面

/*
 * Template name: ZbFox-主题推荐
 * Author       : 墨染云天
 * QQ           : 1789372108
 * URI          : https://www.zcxsmart.cn
 */
:root {
    --linear-bg-1: radial-gradient(#ba6187 40%, rgb(144 224 255 / 0%) 60%) -620px -180px no-repeat, radial-gradient(#743fc3d6 33%, rgb(255 203 87 / 0%) 67%) -120px -24px no-repeat, radial-gradient(#b4684e 40%, rgb(144 224 255 / 0%) 70%) -470px 150px no-repeat, #9e4fa9;
    --linear-bg-2: radial-gradient(#24868994 20%, rgb(134 217 249 / 0%) 60%) -120px -180px no-repeat, radial-gradient(#454faa 33%, rgb(255 203 87 / 0%) 67%) -10px -4px no-repeat, radial-gradient(#7238ae 40%, rgb(144 224 255 / 0%) 70%) -470px 150px no-repeat, #4147b8;
    --linear-bg-3: radial-gradient(#bb552975 23%, rgb(247 197 86 / 0%) 67% 100%) 385px -24px, radial-gradient(#984cbe 30%, rgb(179 105 248 / 0%) 67% 100%) 122px -120px, radial-gradient(#661cac 15%, rgb(134 219 252 / 0%) 50% 100%) -620px 0, radial-gradient(#383d9ff5 25%, rgb(132 215 247 / 0%) 50% 100%) 520px -250px, #6841c0;
    --linear-bg-4: radial-gradient(#3a7ebe 20%, rgb(134 217 249 / 0%) 60%) -100px -300px no-repeat, radial-gradient(#405ed6 13%, rgb(255 203 87 / 0%) 50%) 300px -124px no-repeat, radial-gradient(#684ec8 40%, rgb(144 224 255 / 0%) 70%) 40px 18px no-repeat, #246d79;
    --linear-bg-5: radial-gradient(#865cc2 40%, rgb(144 224 255 / 0%) 60%) -620px -180px no-repeat, radial-gradient(#4956c6 33%, rgb(255 203 87 / 0%) 67%) -120px -24px no-repeat, radial-gradient(#3e77ab 40%, rgb(144 224 255 / 0%) 64%) 100px 150px no-repeat, #1f5b98;
    --linear-bg-6: radial-gradient(#277367 20%, rgb(134 217 249 / 0%) 60%) -120px -180px no-repeat, radial-gradient(#434ead 33%, rgb(255 203 87 / 0%) 67%) -120px -24px no-repeat, radial-gradient(#5b46a8 40%, rgb(144 224 255 / 0%) 70%) -470px 150px no-repeat, #1b4d89;
    --linear-bg-7: radial-gradient(#29843fba 23%, rgb(247 197 86 / 0%) 67% 100%) -285px -24px, radial-gradient(#365692 0, rgb(251 63 72 / 0%) 60% 100%) -40px 290px, #29727b;
    --linear-bg-8: radial-gradient(#c75c6e 23%, rgb(247 197 86 / 0%) 67% 100%) -285px -24px, radial-gradient(#bf7830 25%, rgb(132 215 247 / 0%) 50% 100%) 520px -250px, #b4663d;
    --linear-bg-9: radial-gradient(#4776c3 40%, rgb(144 224 255 / 0%) 60%) -235px -380px no-repeat, radial-gradient(#6e4cac 40%, rgb(144 224 255 / 0%) 70%) 100px 250px no-repeat, #5c5bdf;
    --linear-bg-10: radial-gradient(#b06553 23%, rgb(247 197 86 / 0%) 67% 100%) -285px -24px, radial-gradient(#9e4353 0, rgb(251 63 72 / 0%) 60% 100%) -540px 90px, radial-gradient(#8e43b6 30%, rgb(179 105 248 / 0%) 67% 100%) -122px -120px, #a75375;
    --linear-bg-1m: linear-gradient(135deg, #2ea2aa 0%, #5038c8 100%);
    --linear-bg-2m: linear-gradient(135deg, #3f41a7 0%, #27acd1 100%);
    --linear-bg-3m: linear-gradient(135deg, #9971d3 0%, #4538c8 100%);
    --linear-bg-4m: linear-gradient(110deg, #6936b3 0%, #228382 100%);
    --linear-bg-5m: linear-gradient(117deg, #e987f2 0%, #6f2d94 100%);
    --linear-bg-6m: linear-gradient(117deg, #845eea 0%, #cd3e6f 100%);
    --linear-bg-7m: linear-gradient(117deg, #e29a78 0%, #ce5656 100%);
    --linear-bg-8m: linear-gradient(117deg, #77ad5e 0%, #20778f 100%);
    --linear-bg-9m: linear-gradient(117deg, #51a364 0%, #166e9e 100%);
    --linear-bg-10m: linear-gradient(117deg, #dc3576 0%, #1b80b7 100%);
}
.product-container {
    margin-top: -21px;
    opacity: 1 !important;
    transition: opacity .5s;
}
.countdown-activity {
    padding: 20px;
    background: linear-gradient(3deg, #fd8f70 0%, #fc3d3d 100%);
    color: #fff;
    justify-content: center;
    display: flex;
    font-size: 18px;
    line-height: 1.4;
    justify-content: space-evenly !important;
}
.activity-content {
    margin-right: 10px;
    flex-wrap: wrap;
    max-width: calc(30% + 100px);
}
.activity-title {
    font-size: 1.5em;
    font-weight: bold;
}
.countdown-content {
    flex-wrap: wrap;
    padding: .2em .2em .2em 1em !important;
    flex-shrink: 0;
}
.countdown-desc {
    margin-right: 10px;
}
.product-box {
    padding: 60px 0;
    color: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    background: linear-gradient(135deg, #88c0fd 10%, #0757af 100%);
}
.product-background {
    /**animation: hue 100s infinite linear; */
    background: linear-gradient(135deg, #28b1bb 0%, #5038c8 100%);
}
@-webkit-keyframes hue {
    from {
        -webkit-filter: hue-rotate(0)
    }
    to {
        -webkit-filter: hue-rotate(-360deg)
    }
}
@keyframes hue {
    from {
        -webkit-filter: hue-rotate(0)
    }
    to {
        -webkit-filter: hue-rotate(-360deg)
    }
}
.product-box .product-row {
    padding: 0 20px;
    max-width: 1400px;
    margin: auto;
}
.product-row .payrow-6 {
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
    width: calc(50%);
}
.more-but {
    margin-top: 30px;
}
.more-but .but.hollow {
    margin: 0 10px;
    padding: .5em 1.5em;
    margin: 0 010px;
}
.more-but .but.hollow:hover {
    color: #555;
}
.pay-content {
    max-width: 400px;
    margin: auto;
}
.product-header {
    font-size: 50px;
    letter-spacing: .1em;
}
.product-doc {
    opacity: .8;
    margin: 20px 0;
}
.pay-mark {
    font-size: .6em;
}
.original-price.ml10 {
    position: relative;
    padding: 0 5px;
    font-size: 18px;
    opacity: .7;
}
.product-pay {
    margin: 20px 0;
}
.product-pay .but {
    padding: .5em 2em;
    margin: 0;
}
.product-pay .but+.but {
    margin-left: 20px;
}
.product-details {
    background: rgba(0, 0, 0, 0.1);
    opacity: .6;
    max-width: 300px;
    text-align: left;
}
@media (max-width:768px) {
    .countdown-activity.flex {
        font-size: 13px;
        padding: 12px;
    }
    .activity-content.flex {
        display: block;
    }
    .countdown-content.flex {
        display: block;
        background: unset;
    }
    .countdown-desc {
        margin-bottom: 5px;
        margin-right: 0;
    }
    .product-box {
        padding: 10px 0;
    }
    .product-box .product-row {
        padding: 0;
    }
    .product-doc {
        margin: 10px 0;
    }
    .more-but {
        margin-top: 18px;
    }
    .product-box .product-row {
        text-align: center;
    }
    .product-row .payrow-6 {
        padding: 10px;
        width: 100%;
    }
    .payrow-6.payrow-left {
        margin-bottom: 20px;
        padding: 0;
        margin-top: -10px;
    }
    .payrow-6.payrow-left .radius8 {
        border-radius: 0;
    }
    .product-details {
        margin: auto;
    }
    .product-pay .cashier-link {
        width: 70%;
        border-radius: 100px;
        padding: 0.7em 2em;
    }
    .abs-center.right-bottom, .abs-center.right-conter, .abs-center.right-top {
    text-align: right;
}
.abs-center.right-top {
    left: auto;
    width: auto;
}
.abs-center.left-top, .abs-center.right-top {
    transform: unset;
    top: 0;
}
.abs-center, .abs-left, .abs-right, .form-select::before, .line-form-label, .payvip-icon:before, .toggle-radius .fa, .toggle-radius .icon {
    position: absolute;
    top: 50%;
    right: .7em;
    transform: translateY(-50%);
    z-index: 1;
}
.pay-content .share-btn text {
    display: none;
}
.line-form, .relative {
    position: relative;
}
}
.shop-single-z-btn .shouquan_guanli_anniu{
    display: block;
    text-align: center;
    border-radius: 4px;
    background-image: linear-gradient(300deg,#4c4d51 5%,#2a2a31 15%,#85858a 40%,#393a3c 60%,#393838 80%,#5e5f62 100%);
    color: #fff;
    }
    .countdown-activity{background:linear-gradient(135deg, #f411ff 10%, #14d4df 100%);}
    .jb-yellow, .order-type-3 .pay-tag{--this-bg:linear-gradient(135deg, #ff554f 10%, #facf28 100%);}
    @media screen and (min-width: 900px){
        .shop-single-z-btn .shouquan_guanli_anniu{
            font-size: 16px;
            height: 50px;
            line-height: 50px;
        }
    }
    @media screen and (max-width: 900px){
        .shop-single-z-btn .shouquan_guanli_anniu{
            font-size: 15px;
            line-height: 40px;
        }
    }

把下面图片下载在主题下的img文件内上传解压

https://webso.lanzouv.com/itXjC3w1268d 密码:aih0

<!-- wp:zibllblock/quote -->
<div class="wp-block-zibllblock-quote"><div class="quote_q"><i class="fa fa-quote-left"></i><p>Zibll子比主题专为阅读类网站开发，设计简约优雅、功能全面。UI界面模块化、多种布局、多种显示效果可选择，高度自由化，更容易搭配出自己喜欢的网站。支持付费阅读，付费下载，付费视频的支付功能和完善用户VIP会员系统加上强大的模块化编辑器工具，为站长提供有力的生产力。整体的开发理念都是围绕着阅读体验，减少花里胡哨的无用功能，把核心都集中在内容上。页面的布局、间距、功能都精心设计，只为让页面浏览更加自然，让用户更加易于阅读，让作者更加易于写作。</p></div></div>
<!-- /wp:zibllblock/quote -->

<!-- wp:zibllblock/feature -->
<div class="wp-block-zibllblock-feature feature feature-default" data-icon="fa fa-cart-plus" data-color="#F3AC07"><div class="feature-icon"><i style="color:#F3AC07" class="fa fa fa-cart-plus"></i></div><div class="feature-title">付费商城</div><div class="feature-note">虚拟资源商城功能，轻松打造知识付费平台</div></div>
<!-- /wp:zibllblock/feature -->

<!-- wp:zibllblock/feature -->
<div class="wp-block-zibllblock-feature feature feature-default" data-icon="fa fa-diamond" data-color="#F3AC07"><div class="feature-icon"><i style="color:#F3AC07" class="fa fa fa-diamond"></i></div><div class="feature-title">VIP会员</div><div class="feature-note">付费会员功能，有效提高网站变现能力</div></div>
<!-- /wp:zibllblock/feature -->

<!-- wp:zibllblock/feature -->
<div class="wp-block-zibllblock-feature feature feature-default" data-icon="fa fa-grav" data-color="#F3AC07"><div class="feature-icon"><i style="color:#F3AC07" class="fa fa fa-grav"></i></div><div class="feature-title">社区论坛</div><div class="feature-note">个人站长也能轻松实现完整且独立的社区交流平台</div></div>
<!-- /wp:zibllblock/feature -->

<!-- wp:zibllblock/feature -->
<div class="wp-block-zibllblock-feature feature feature-default" data-icon="fa fa-shield" data-color="#F3AC07"><div class="feature-icon"><i style="color:#F3AC07" class="fa fa fa-shield"></i></div><div class="feature-title">用户权限管理</div><div class="feature-note">强大、细致且易用的用户能力管理系统</div></div>
<!-- /wp:zibllblock/feature -->

<!-- wp:zibllblock/feature -->
<div class="wp-block-zibllblock-feature feature feature-default" data-icon="fa fa-magic" data-color="#09ACE2"><div class="feature-icon"><i style="color:#09ACE2" class="fa fa fa-magic"></i></div><div class="feature-title">简约优雅的设计</div><div class="feature-note">现代化简约设计，更优雅的阅读体验</div></div>
<!-- /wp:zibllblock/feature -->

<!-- wp:zibllblock/feature -->
<div class="wp-block-zibllblock-feature feature feature-default" data-icon="fa fa-user" data-color="#09ACE2"><div class="feature-icon"><i style="color:#09ACE2" class="fa fa fa-user"></i></div><div class="feature-title">用户功能</div><div class="feature-note">消息、会员、等级、认证、权限管理用户功能应有尽有</div></div>
<!-- /wp:zibllblock/feature -->

<!-- wp:zibllblock/feature -->
<div class="wp-block-zibllblock-feature feature feature-default" data-icon="fa fa-window-restore" data-color="#09ACE2"><div class="feature-icon"><i style="color:#09ACE2" class="fa fa fa-window-restore"></i></div><div class="feature-title">模块化组件</div><div class="feature-note">可视化模块编辑，页面高度自由化</div></div>
<!-- /wp:zibllblock/feature -->

<!-- wp:zibllblock/feature -->
<div class="wp-block-zibllblock-feature feature feature-default" data-icon="fa fa fa-cloud-download" data-color="#09ACE2"><div class="feature-icon"><i style="color:#09ACE2" class="fa fa fa fa-cloud-download"></i></div><div class="feature-title">在线更新</div><div class="feature-note">一键在线更新，优雅的安装体验</div></div>
<!-- /wp:zibllblock/feature -->

<!-- wp:zibllblock/feature -->
<div class="wp-block-zibllblock-feature feature feature-default" data-icon="fa fa-tachometer" data-color="#A845F7"><div class="feature-icon"><i style="color:#A845F7" class="fa fa fa-tachometer"></i></div><div class="feature-title">自定义主题</div><div class="feature-note">自带深色主题，头部、底部主题独立设置</div></div>
<!-- /wp:zibllblock/feature -->

<!-- wp:zibllblock/feature -->
<div class="wp-block-zibllblock-feature feature feature-default" data-icon="fa fa-newspaper-o" data-color="#A845F7"><div class="feature-icon"><i style="color:#A845F7" class="fa fa fa-newspaper-o"></i></div><div class="feature-title">强大的编辑器</div><div class="feature-note">超多的古腾堡编辑器块，超爽的写作体验</div></div>
<!-- /wp:zibllblock/feature -->

<!-- wp:zibllblock/feature -->
<div class="wp-block-zibllblock-feature feature feature-default" data-icon="fa fa-bolt" data-color="#A845F7"><div class="feature-icon"><i style="color:#A845F7" class="fa fa fa-bolt"></i></div><div class="feature-title">快！再快一点</div><div class="feature-note">代码逻辑深度优化、动态加载，让加载更快</div></div>
<!-- /wp:zibllblock/feature -->

<!-- wp:zibllblock/feature -->
<div class="wp-block-zibllblock-feature feature feature-default" data-icon="fa fa-book" data-color="#A845F7"><div class="feature-icon"><i style="color:#A845F7" class="fa fa fa-book"></i></div><div class="feature-title">超多实用功能</div><div class="feature-note">主题功能超200项，更符合国人使用</div></div>
<!-- /wp:zibllblock/feature -->

<!-- wp:heading -->
<h2>部分特色功能</h2>
<!-- /wp:heading -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>自定义网站图标、logo</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>自带夜间模式主题</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>三种网站布局，各页面布局独立设置</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>全站seo优化，各页面独立seo设置</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>百度资源实时推送，自动提交</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>自定义全局主题色</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>多种导航布局，电脑端手机端独立设置</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>导航、页脚主题独立自定义</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>全局加载动画</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>前端登录、注册，自带社会化登录</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>前端用户中心，修改资料、头像</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>前端发布文章、独立打赏功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>文章自动生成目录树</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>文章图片灯箱、 文章高度限制</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>文章点赞、收藏、文章封面设置</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>多种文章格式：图片、画廊、视频、标准</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>文章封面支持幻灯片显示</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>文章列表多种显示模式：卡片、多图、幻灯片</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>首页文章多栏目显示</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>文章专题功能、首页专题列表显示</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>强大的幻灯片功能、导航栏幻灯片功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>搜索热门关键词功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>第三方社交帐号登录功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>社交帐号代理登录功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>手机号注册登录功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>推广返佣功能</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>付费下载、付费阅读、推广返佣</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>VIP会员系统功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>会员专属资源功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>图像异步加载</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>全站JS代码动态加载</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>文章AJAX动态加载</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>站内消息系统、用户私信系统</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>分类、标签、专题独立封面设置</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>分类、标签、专题 独立AJAX列表</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>自动获取缩略图、缩略图尺寸设置</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>精彩一言功能，支持替换签名</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>文章生成分享海报功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>评论AJAX提交、AJAX翻页</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>评论支持插入表情、高亮代码、上传图片</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>支持百度熊掌号功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>多个自定义代码位置</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>外链重定向转内链功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>分类url去除category该功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>大量Wordpress优化功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>自带邮件SMTP功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>全局代码高亮功能，10+高亮主题可选</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>JS框架文件CDN加速</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>前端快速设置链接功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>图片灯箱功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>站内信功能</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>用户私信功能</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:paragraph -->
<p><strong><qc style="color:#fb2121;background:undefined">主题正在不断更新迭代中，更多新功能请查阅<a href="https://www.zibll.com/375.html">更新日志</a>以及<a href="https://www.zibll.com/%e4%b8%bb%e9%a2%98%e6%96%87%e6%a1%a3">主题文档</a>！</qc></strong></p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>模块及古腾堡块</h2>
<!-- /wp:heading -->

<!-- wp:zibllblock/quote -->
<div class="wp-block-zibllblock-quote"><div class="quote_q" data-color="#1F91F3" style="--quote-color:#1F91F3"><i class="fa fa-quote-left"></i><p>主题页面构建采用模块化组件，可选择实时预览配置。可将模块插入到页面的不同位置，包括顶部全宽度、顶部内容区、侧边栏、底部内容区、底部全宽度、页脚内部、移动弹出菜单内等等，不同页面也可单独配置。<strong>古腾堡块</strong>可在编辑文章、编辑页面的时候插入相关功能，支持实时预览、以及古腾堡的全部特性。方便作者写文章时实现更多的功能及样式</p></div></div>
<!-- /wp:zibllblock/quote -->

<!-- wp:paragraph -->
<p><strong><qc style="color:#3B6ED5;background:undefined">以下展示部分以支持的模块及古腾堡块，更多模块还在持续添加中…</qc></strong></p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:heading -->
<h2>可视化模块</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:heading -->
<h2>古腾堡块</h2>
<!-- /wp:heading --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>核心文章列表模块，多种自定义搭配</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>文章模块Mini，尺寸较小的文章列表</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>文章目录树模块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>单行滚动文章列表模块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>多栏目文章列表</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>多栏目文章列表mini</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>幻灯片模块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>搜索框模块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>文章作者信息模块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>最近评论列表模块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>友情链接模块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>链接列表模块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>滚动通知栏模块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>聚合分类、聚合专题模块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>付费购买模块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>超级视频模块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>超级嵌入模块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>图文封面模块</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>标题块（与主题标题样式同步）</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>亮点块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>文章块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>引言块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>模态框、弹出框块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>折叠内容块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>高亮代码块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>隐藏内容快（评论查看、付费查看）</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>提醒框块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>按钮块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>幻灯片块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>独立文字颜色工具</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>独立文字背景色工具</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>超级视频模块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>超级嵌入模块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>视频剧集模块</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>TAB栏目模块</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:heading -->
<h2>购买说明</h2>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><!-- wp:list-item -->
<li>兼容浏览器： IE9及以上, Chrome, Firefox, Opera, Safari, 360, Edge等主流浏览器</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>主题更新：永久免费更新</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>售后服务：加官方售后群，一对一技术指导</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>购买流程：在本页面下单支付-个人中心创建授权</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>退货退款：虚拟产品具有可复制性，付款后不支持退货退款</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:zibllblock/buttons {"radius":false} -->
<div data-quantity="1" data-radius="false" class="wp-block-zibllblock-buttons"><span class="an_1 but b-blue"><a href="https://www.zibll.com/zibll-pay-desc" target="_blank" rel="noreferrer noopener">阅读详细购买说明</a></span></div>
<!-- /wp:zibllblock/buttons -->

<!-- wp:heading -->
<h2>主题授权</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><strong><qc style="color:#fb2121;background:undefined">主题推广阶段，现在购买可享受3个域名授权</qc></strong><br><qc style="color:#ef0c7e;background:undefined">主题授权仅限本人使用，只能添加本人或本人名下企业持有的域名</qc></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><qc style="color:#1F91F3;background:undefined">授权顶级域名，赠送<code>WWW.</code>的二级域名<br>授权域名享受免费更换，且不限制次数</qc></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><strong>举例：</strong><br>添加授权：<qc style="color:#3B6ED5;background:undefined">zibll.com</qc> 那么 <qc style="color:#3B6ED5;background:undefined">www.zibll.com</qc> 也可以用<br>添加授权：<qc style="color:#3B6ED5;background:undefined">blog.zibll.com</qc> 那么 <qc style="color:#3B6ED5;background:undefined">www.zibll.com</qc> 和 <qc style="color:#3B6ED5;background:undefined">zibll.com</qc> 都不可以用<br>三个域名授权同理</p>
<!-- /wp:paragraph -->

<!-- wp:zibllblock/alert -->
<div class="wp-block-zibllblock-alert alert-dismissible fade in"><div class="alert jb-yellow" data-isclose="" role="alert">[zibll.com]是Zibll子比主题唯一官网，子比主题受国家版权保护，著作权登记号： 2021SR0401471<br/>使用盗版主题对您的网站及财产安全将会带来无数的未知风险！同时，开发不易，我们一直在努力让子比主题变得更加美好，为了您的权益及作者的不易，真诚的呼吁每一位用户：支持正版，从我做起！</div></div>
<!-- /wp:zibllblock/alert -->