子比主题侧边栏推广小工具-玩转网

这是一款简洁实用的小工具区块，适合用在wordpress小工具中,可以方便的放一张商品介绍图片和简洁的特色介绍，还有一个大气实用的跳转按钮，很适合在一些需要展示指定内容的场合使用。

界面预览：

图片[1]-子比主题侧边栏推广小工具-玩转网

话不多说上代码：

<div class="zib-widget">
  <img title="子比主题" src="/wp-content/uploads/2025/08/bf3a4f38b220250813172521.webp" class="radius8">
  <div class="themeinfo-content">
    <div class="theme-info text-center">
      <div class="em14 padding-w10 font-bold dsjb"><svg class="icon co fa-spin" aria-hidden="true">
  <use xlink:href="#icon-wordpress
"></use>
</svg>子比主题-一款优雅的主题</div>
    </div>
    <div class="ml10" style="line-height: 2.5;">
      <li><span style="color: #33cccc;">安装wordpress及主题服务一次</span></li>
      <li><span style="color: #ff00ff;">一次购买终身免费提供主题更新服务</span></li>
      <li><span style="color: #ff6600;">强大的人工服务，为你解决主题问题</span></li>
      <li>使用无忧，协助使用后台设置</li>
    </div>
    <div class="price-box">
      <div class="px13 text-center mt10 mb10">
        <b class="em3x dsjb">
          <span class="pay-mark">￥</span>559</b>
        <div class="inline-block ml10 text-left">
          <badge>              
<i class="fa fa-fw fa-bolt">              
</i>特别特惠</badge>            
<br>
          <span class="original-price" title="原价 799">
            <span class="pay-mark">￥</span>799</span>
        </div>
      </div>
    </div>
    <a class="balance-charge-link user-auth-apply but jb-red padding-lg btn-block" href="javascript:;" data-toggle="modal" data-target="#modal_payzibll">立即购买</a>
  </div>
</div>
<div class="modal fade" id="modal_payzibll" tabindex="-1" role="dialog" style="display: none;">
  <div class="modal-dialog modal-sm" style="margin-top: 330.5px;" role="document">
    <div class="modal-content">
      <div class="modal-body">
        <div style="padding: 1px;">
          <div class="modal-colorful-header colorful-bg jb-cyan">
            <button class="close" data-dismiss="modal">
              <svg class="ic-close" aria-hidden="true">
                <use xlink:href="#icon-close">
                </use>
              </svg>
            </button>
            <div class="colorful-make">
            </div>
            <div class="text-center">
              <div class="em2x">
                <svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-share">
                  </use>
                </svg>
              </div>
              <div class="mt10 em12 padding-w10">前往</div>
            </div>
          </div>
          <div>
            <div class="ml10">
              <p class="c-red">当前正在前往子比主题官网，从本链接前往将享受立减￥10元，购买后可凭订单号联系站长获取30元返利！</p>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-buts but-average">
        <a type="button" data-dismiss="modal" class="but" href="javascript:;">取消</a>
        <a type="button" class="but c-red" href="https://www.902d.com/?golink=aHR0cHM6Ly93d3cuemlibGwuY29tLz9yZWY9NzMw" target="_blank">立即前往</a>
      </div>
    </div>
  </div>
</div>