仿子比主题购买页面_推广页代码

admin

如果您是用户，那么您一定知道子比分销的重要性。许多网站都可以通过推广子比活动来获得一定的收益。今天，我们分享的是如何在网站上增加一个子比主题购买页面，非常实用。


操作教程：

第一步：在主题目录wp-content/themes/zibll（或者其他主题的文件夹）/pages下创建一个goumai.php文件，并将以下php代码复制并粘贴到文件中。

1. <?php
   
2. 
   
3. /**
   
4. * Template name: 购买页面
   
5. * Description:   购买页面
   
6. */
   
7. 
   
8. // 内容购买页面
   
9. 
   
10. get_header();
    
11. //$header_style = zib_get_page_header_style();
    
12. //$zibll_subtheme_jtzy = ZbPee_pz('jingtaiziyuan');//给ZbPee-Subtheme的JS和CSS复制为$zibll_subtheme_jtzy，用于更换CSS JS调取地址
    
13. ?>
    
14. <style>
    
15. .product-container {
    
16.     margin-top: 0px;
    
17.     opacity: 1 !important;
    
18.     transition: opacity .5s;
    
19. }
    
20. </style>
    
21. <link rel='dns-prefetch' href='//s.w.org' rel="nofollow" />
    
22. <link rel='stylesheet' id='pay_page-css'  href='https://tc.pengqi.club/boke/css_pay-page.css_ver=6.1.1.css' type='text/css' media='all' />
    
23. <main role="main">
    
24. 
    
25. <div class="countdown-activity flex jc" style="margin-top:-20px">
    
26.     <div class="activity-content flex ac" style="margin-bottom: 20px;"><!--下降20px-->
    
27.         <div class="activity-title mr10">子比主题 限时优惠</div>
    
28.         <div class="activity-desc">9月01日至12月30日 子比主题直降30元</div></div><!--标题修改-->
    
29.         <div class="countdown-content badg jb-yellow radius flex jc" style="margin-bottom: 20px;"><!--下降20px-->
    
30.             <div class="countdown-desc">活动倒计时</div>
    
31.             <div class="countdown-time flex0 em09-sm badg jb-vip2 radius" data-over-text="活动已结束" data-newtime="2023-09-01 06:29:29" data-countdown="12/30/2023 23:59:59">X天X小时X分X秒</div></div></div><!--活动时间修改-->
    
32. 
    
33. <div class="product-container" style="opacity: 0;">
    
34.     <div class="product-box relative">
    
35.         <div class="product-background absolute" style="background:var(--linear-bg-5); "></div>
    
36.         <div class="product-row relative">
    
37.             <div class="payrow-6 payrow-left">
    
38.                 <div class="relative zib-slider">
    
39.                     <div class="new-swiper swiper-c pay-slides"  data-effect="slide" data-loop="true" data-interval=" data-autoplay="1"" data-spaceBetween="15" style="">
    
40.                         <div class="swiper-wrapper">
    
41.                             <div class="swiper-slide "><span>
    
42. <!--轮播图开始-->
    
43. <img class="lazyload swiper-lazy radius8"  data-src="https://tc.pengqi.club/i/2023/08/30/64ef0e552b624.jpg"
    
44. src="https://tc.pengqi.club/boke/kongbai.svg"></span></div><div class="swiper-slide "><span>
    
45. 
    
46. <img class="lazyload swiper-lazy radius8"  data-src="https://tc.pengqi.club/i/2023/08/30/64ef0e8b88d4e.jpg"
    
47. src="https://tc.pengqi.club/boke/kongbai.svg"></span></div><div class="swiper-slide "><span>
    
48. 
    
49. <img class="lazyload swiper-lazy radius8"  data-src="https://tc.pengqi.club/i/2023/08/30/64ef09f18a919.jpg"
    
50. src="https://tc.pengqi.club/boke/kongbai.svg"></span></div><div class="swiper-slide "><span>
    
51. 
    
52. <img class="lazyload swiper-lazy radius8"  data-src="https://tc.pengqi.club/g/2023/09/01/64f19c75d4a57.jpg"
    
53. src="https://tc.pengqi.club/boke/kongbai.svg"></span></div></div>
    
54. <!--轮播图结束-->
    
55.             <div class="swiper-button-prev"></div>
    
56.             <div class="swiper-button-next"></div>
    
57.             <div class="swiper-pagination kaoyou"></div></div></div>
    
58.             <div class="more-but text-center">
    
59.     <a class="but hollow c-white" href="https://www.zibll.com/375.html?ref=4142" rel="nofollow" target="_blank">更新日志</a>
    
60.     <a class="but hollow c-white" href="https://www.zibll.com/zibll_word?ref=4142" rel="nofollow" target="_blank">主题文档</a>
    
61. <!--能运行就不要动-->
    
62.     </div></div><div class="payrow-6 payrow-right"><div class="pay-content"><div class="product-header">Zibll子比主题</div>
    
63. <!--能运行就不要动-->
    
64. 
    
65. <div class="product-doc">
    
66.     <div>简约优雅的设计风格、模块化组件、商城支付系统<br>社区论坛系统、深度SEO优化、专注阅读体验</div>
    
67. <div class="mt6">
    
68.     <a target="_blank" href="https://www.zxki.cn/" class="but c-white font-bold px12 p2-10">赠送本站年费钻石会员
    
69.     <i class="ml6 fa fa-angle-right em12"></i></a>
    
70. 
    
71.     <a target="_blank" href="https://www.zxki.cn/" class="but c-white font-bold px12 p2-10">赠送官网推广会员，享20%奖励
    
72.     <i class="ml6 fa fa-angle-right em12"></i></a>
    
73.     </div>
    
74. 
    
75.     </div>
    
76. 
    
77. <div class="px13"><b class="em3x"><span class="pay-mark">￥</span>569</b><!--现价修改-->
    
78. <div class="inline-block ml10 text-left">
    
79.     <badge><i class="fa fa-fw fa-bolt"></i>限时特惠</badge><br/>
    
80.     <span class="original-price" title="原价 599"><span class="pay-mark">￥</span>599</span></div></div><!--原价修改-->
    
81.     <div class="badg badg-lg payvip-icon">使用此链接，下单减10元，咨询再返利。</div>
    
82. <div class="product-pay">
    
83.     <a href="https://www.zxki.cn/" rel="nofollow"  class="but jb-red signin-loader" target="—_blank">
    
84.         <i class="fa fa-angle-right" aria-hidden="true"></i>立即购买</a>
    
85. 
    
86.     <a href="https://wpa.qq.com/msgrd?v=3&uin=715366739&site=qq&menu=yes&jumpflag=1" class="but jb-red signin-loader" target="—_blank">
    
87.         <i class="fa fa-angle-right" aria-hidden="true"></i>联系本站客服</a>
    
88. </div>
    
89. </form>
    
90. 
    
91. <div class="product-details box-body radius8">
    
92. <ul>
    
93. <li>最新版本：V7.3.0<a target="_blank" data-toggle="tooltip" title="" href="https://www.zxki.cn/" data-original-title="看看更新了什么？" class="ml10"><i class="fa fa-question-circle-o"></i></a></li>
    
94. <li>更新时间：2023-07-20</li>
    
95. <li>兼容 WP：5.0-6.1，推荐使用6.1版本</li>
    
96. <li>兼用PHP：7.0及以上，推荐7.4版本</li>
    
97. <li>授权数量：现在购买享<b style="background: linear-gradient(135deg, #ff9141 10%, #ee2336 100%);color: #fff;border-radius: 100px;padding: 0 6px">3个</b>域名授权</li>
    
98. <li>授权更换：授权享免费更换且不限制次数</li>
    
99. </ul>
    
100. </div>
     
101.        </div>
     
102.               </div>
     
103.                      </div>
     
104.                              </div>
     
105.                                      </div>
     
106. 
     
107. <!--表头样式代码开始-->
     
108.     <style>
     
109.     .shop-single-z-btn .shouquan_guanli_anniu{
     
110.     display: block;
     
111.     text-align: center;
     
112.     border-radius: 4px;
     
113.     background-image: linear-gradient(300deg,#4c4d51 5%,#2a2a31 15%,#85858a 40%,#393a3c 60%,#393838 80%,#5e5f62 100%);
     
114.     color: #fff;
     
115.     }
     
116.     .countdown-activity{background:linear-gradient(135deg, #f411ff 10%, #14d4df 100%);}
     
117.     .jb-yellow, .order-type-3 .pay-tag{--this-bg:linear-gradient(135deg, #ff554f 10%, #facf28 100%);}
     
118.     @media screen and (min-width: 900px){
     
119.         .shop-single-z-btn .shouquan_guanli_anniu{
     
120.             font-size: 16px;
     
121.             height: 50px;
     
122.             line-height: 50px;
     
123.         }
     
124.     }
     
125.     @media screen and (max-width: 900px){
     
126.         .shop-single-z-btn .shouquan_guanli_anniu{
     
127.             font-size: 15px;
     
128.             line-height: 40px;
     
129.         }
     
130.     }
     
131. </style>
     
132. <!--表头样式代码结束-->
     
133. 
     
134.     <div class="container">
     
135.     <div class="theme-box article-content">
     
136. <article class="article wp-posts-content">
     
137. 
     
138. <?php the_content(  ); ?>
     
139. <?php comments_template('/template/comments.php', true); ?>        
     
140.     </div></div>
     
141.           </main>
     
142. <?php
     
143. get_footer();

复制代码

注意：将链接替换成您的推广链接。

第二步：在WordPress后台中，选择页面 -> 新建页面，填写页面标题，选择模板为“购买页面”，然后发布即可。

如果您需要修改页面内容，请到wp-content/themes/zibll（或其他主题文件夹）/pagess/goumai.php中修改您需要的内容。