子比主题美化 – 独立下载页面美化-咸鱼绅士

前言

各位憨憨宝们，我又来了。依旧是修改咱们社区的帖子还有其他的帖子代码，自己写了一小部分的修改，功能有下载页面美化 – 弹窗美化结合 – 页面小框带帖子图片，代码里面都给各位注释了，其他的如有运行报错或写法错误的话请谅解，话不多说代码在下面。

原文

子比主题美化 – 独立下载页面(简单美化)

子比主题美化 – 独立下载页美化样式

子比主题文件下载页面

效果图

教程

首先把下面代码添加到子比主题文件里

按顺序[ /wp-content/themes/zibll/pages/download.php ] 找到 download.php 该文件双击打开Ctrl + A选择全部

替换前一定要备份下源代码，替换后关闭文件代码编辑框后不可逆转回去

整体替换或备份一下在替换下面的修改代码就可以了。

修改代码

<?php

/**
 * Template name: Zibll-资源下载
 * Description:   download page
 */

if (empty($_GET['post'])) {
  get_header();
  get_template_part('template/content-404');
  get_footer();
  exit;
}
get_header();
$post_id = $_GET['post'];

function zibpay_get_down_html($post_id)
{
  $pay_mate = get_post_meta($post_id, 'posts_zibpay', true);
  $html = '';
  if (empty($pay_mate['pay_type']) || empty($pay_mate['pay_type']) || $pay_mate['pay_type'] != '2') {
    return get_template_part('template/content-404');
  };
    //文章略缩图
  $thumbnail = zib_post_thumbnail('full', '', true, $post_id);
  // 查询是否已经购买
  $paid_obj = zibpay_is_paid($post_id);
  $posts_title = get_the_title($post_id) . get_post_meta($post_id, 'subtitle', true);
  $pay_title = !empty($pay_mate['pay_title']) ? $pay_mate['pay_title'] : $posts_title;
  $pay_doc = $pay_mate['pay_doc'];
  $pay_details = $pay_mate['pay_details'];
  $user_qx = zibpay_get_post_down_buts($pay_mate, $paid_obj['paid_type'], $post_id);
  if ($paid_obj) {
    //已经购买直接显示下载盒子

    $paid_name = zibpay_get_paid_type_name($paid_obj['paid_type']);
    $paid_name2 = '<badge class="img-badge left jb-red" style="font-size: 12px;padding: 2px 10px;line-height: 1.4;" img-badge="" left=""><i class="fa fa-check mr6" aria-hidden="true"></i>' . $paid_name . '</badge>';
    if($paid_name =='推广会员免费'||$paid_name =='代理会员免费'){
        $dowmbox = '<div style="/*margin-bottom:3em;*/">' . $user_qx . '</div>';
    }else{
        $dowmbox = '<div style="/*margin-bottom:3em;*/"><span class="badg c-red btn-block">免费资源不占用会员的免费下载次数</span>' . $user_qx . '</div>';
    }
    $pay_extra_hide = !empty($pay_mate['pay_extra_hide']) ? '<div class="pay-extra-hide">' . $pay_mate['pay_extra_hide'] . '</div>' : '';
    
    if ($paid_obj['paid_type'] == 'free' && _pz('pay_free_logged_show') && !is_user_logged_in()) {
      $dowmbox = '<div class="alert jb-yellow em12" style="margin: 2em 0;"><b>免费资源，请登录后下载</b></div>';
      $pay_extra_hide = '<div class="text-center pay-extra-hide">';
      $pay_extra_hide .= '<p class="box-body muted-2-color">请先登录！</p>';
      $pay_extra_hide .= '<p>';
      $pay_extra_hide .= '<a href="javascript:;" class="signin-loader but jb-blue padding-lg"><i class="fa fa-fw fa-sign-in mr10" aria-hidden="true"></i>登录</a>';
      $pay_extra_hide .= '<a href="javascript:;" class="signup-loader ml10 but jb-yellow padding-lg"><i data-class="icon mr10" data-viewbox="0 0 1024 1024" data-svg="signup" aria-hidden="true"></i>注册</a>';
      $pay_extra_hide .= '</p>';
      $pay_extra_hide .= zib_social_login(false);
      $pay_extra_hide .= '</div>';
    }
    $html = '<div class="download-demo"><div class="panel-heading"><p style="margin:0;"><i class="fa fa-paper-plane-o" aria-hidden="true"></i> 文件下载</p></div>';
    $html .= '<div class="download-xiyang">';
    
    /*图片在下面的<img>里面，自己放自己的图片链接 文字自己修改*/
    $html .= '<div class="download-sty">' . $paid_name2 . '<img src="http://xyss.asia/wp-content/uploads/2024/09/20240918175257854-微信截图_20240918175227.jpg" />
    <br>
    <p>扫码进群不迷路</p></div>';
    
     //文章略缩图 <div class="download-right"><img src="'.$thumbnail.'" style="width: 100%; height: 100%;" /></div>
    $html .= '<div class="download-right"><img src="'.$thumbnail.'" style="width: 100%; height: 100%;" /></div><div class="download-right"><span class="display">' . $paid_name2 . '</span><div class="article-header download-theme-box"><div class="article-title" style="margin-top: 0;"><span class="download-file-name"></span><a href="' . get_permalink($post_id) . '#posts-pay">' . $pay_title . '</a></div></div>';

    $html .= '<div>' . $pay_doc . '</div>';
    $html .= '<div class="muted-2-color em09">' . $pay_details . '</div>';

    $html .= '<div>' . $dowmbox . $pay_extra_hide . '</div></div>';
    $html .= '</div></div>';
    
  } else {
    //未购买
    $html = '<div class="article-header theme-box"><div class="article-title"><a href="' . get_permalink($post_id) . '#posts-pay">' . $pay_title . '</a></div></div>';

    $html .= '<div>' . $pay_doc . '</div>';
    $html .= '<div class="muted-2-color em09" style="margin: 2em 0;">' . $pay_details . '</div>';
    $html .= '<div class="alert jb-red em12" style="margin: 2em 0;"><b>暂无下载权限</b></div>';
    $html .= '<a style="margin-bottom: 2em;" href="' . get_permalink($post_id) . '#posts-pay" class="but jb-yellow padding-lg"><i class="fa fa-long-arrow-left" aria-hidden="true"></i><span class="ml10">返回文章</span></a>';
  }

  return $html;
}

?>
<style>
.mb10{display:none;}
.but-download>.but,.but-download>span{min-width: 200px;padding: .5em;margin-top: 10px;}.pay-extra-hide{background: var(--muted-border-color);display: block;margin: 10px;padding: 20px;color: var(--muted-color);border-radius: 4px;}
/*下载样式*/
.but-download{display: table-cell;}.download-article{padding: 0 10px;}.download-demo{margin: 10px 0;border: 1px solid var(--theme-color);border-radius: 5px;}.download-xiyang{padding: 20px;display: flex;justify-content: center;align-items: center;}.download-sty{border: 1px solid #f04494;width: 160px;text-align: center;height: 200px;border-radius: 8px;position: relative;}@media (max-width:530px){.but-download {display: block;}.but-download>.but, .but-download>span{min-width: 100% !important;}}@media (max-width:700px){.download-sty{display: none;}.download-right{padding: 10px !important;height: 100% !important;width: 100%;}.download-theme-box{margin-top: 24px;}}@media (min-width:700px){.display{display: none;}}.download-sty p{font-size: 15px !important;text-align: center;top: 32px;position: relative;}.download-sty img{width: 140px;top: 30px;position: relative;}.download-theme-box{margin-bottom: 20px;display: inline-flex;flex-direction: row;align-items: center;}.download-right{margin-left: 6px;border: 1px solid #f04494;padding: 31px;border-radius: 8px;height: 200px;position: relative;}.download-file-name{font-size: 20px;}
.but-download>.but,.but-download>span{min-width: 130px;padding: .5em;margin-top: 10px;}.pay-extra-hide{background: var(--muted-border-color);display: block;margin: 10px;padding: 20px;color: var(--muted-color);border-radius: 4px;}
.panel{margin-bottom: 10px; background-color: #fff; border: 1px solid var(--theme-color); border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.panel-heading{padding: 10px 15px;border-top-left-radius: 3px;border-top-right-radius: 3px;color: #fff;background-color: var(--focus-color);}/*边框部分颜色*/
.panel-heading h3{margin-top: 0;margin-bottom: 0;font-size: 14px;color: #0000FF;font-family: inherit;font-weight: 500;line-height: 1.1;}
.panel-body .help li{line-height:25px;font-size:14px;color: #000;}
.panel-body .help li em{font-style:normal;background: #FFFFCC;padding:5px;border-radius:4px;color: #FF3399;}
.panel-body .shengming{line-height:25px;font-size:14px;color:#C33;}
</style>
<main class="container">
  <div class="content-wrap">
    <div class="content-layout">


      <?php while (have_posts()) : the_post(); ?>
        <?php echo zib_get_page_header(); ?>

        <div class="zib-widget article download-article" style="/*min-height: 600px;*/">

          <?php
          echo zibpay_get_down_html($post_id);
          $page_links_content_s = get_post_meta(get_queried_object_id(), 'page_show_content', true);
          if ($page_links_content_s) {
            the_content();
            wp_link_pages(
              array(
                'before'           => '<p class="text-center post-nav-links radius8 padding-6">',
                'after'            => '</p>',
              )
            );
            echo '</div>';
          }
          ?>
          <!--开始  -->
                <div class="panel">
                     <div class="panel-heading">
                          <p style="margin:0;"><i class="fa fa-paper-plane-o" aria-hidden="true"></i> 下载说明</p>
                     </div>
                     <div class="panel-body">
                      <ul class="help">
                    <li><span class="badg badg-sm mr3 c-red">1</span> 咸鱼绅士所提供的压缩包若无特别说明，解压密码均为：<a style="color: red;">https://xyss.asia/</a></li>
                    <li><span class="badg badg-sm mr3 c-Indigo">2</span> 下载后文件若为压缩包格式，请安装解压软件或者其它压缩软件程序进行解压;</li>
                    <li><span class="badg badg-sm mr3 c-yellow">3</span> 文件比较大的时候，建议使用下载工具进行下载，浏览器下载有时候会自动中断，导致下载错误;</li>
                    <li><span class="badg badg-sm mr3 c-purple">4</span> 资源可能会由于内容问题被和谐，导致下载链接不可用，遇到此问题，请到文章页面进行反馈，以便站长及时进行更新;</li>
                        <li><span class="badg badg-sm mr3 c-blue">5</span> 其他下载问题请自行搜索 常见问题 的教程，这里就不一一的讲解了。<a href="https://xyss.asia/%e6%89%80%e6%9c%89%e9%97%ae%e9%a2%98%e8%a7%a3%e5%86%b3%e5%8a%9e%e6%b3%95" style="color: red;">[→ 所有问题解决办法 ←]</a></li>
                      </ul>
                     </div>
                     </div>
                     <div class="panel">
                     <div class="panel-heading">
                       <p style="margin:0;"><i class="fa fa-paper-plane-o" aria-hidden="true"></i> 站长声明</p>
                     </div>
                     <div class="panel-body">
                     <span class="shengming">
                         本站大部分下载资源收集于网络，只做学习和交流使用，版权归原作者所有，若为付费资源，请在下载后24小时之内自觉删除，若作商业用途，请到原网站购买，由于未及时购买和付费发生的侵权行为，与本站无关。本站发布的内容若侵犯到您的权益，请联系本站删除，我们将及时处理！
                         </span>
                     </div>
                    </div>
                    <div class="panel">
                     <div class="panel-heading">
                       <p style="margin:0;"><i class="fa fa-paper-plane-o" aria-hidden="true"></i> 免责声明</p>
                     </div>
                     <div class="panel-body">
                     <span class="shengming">
                         网站内容收集于全世界的互联网，仅供学习交流使用。本站无意侵犯任何国家的宪法，如果当地法令禁止进入，请自行离开！！！ 进入本站下载文件并且运行文件程序证明同意此声明，造成任何后果本站不承担任何责任！！！
                         </span>
                     </div>
                    </div>
                <!--结束-->
                <!--版权提示弹窗 开始-->
<div class="web_notice" style="
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
z-index: 99999;
">
<div style="
position: fixed;
top: 50%;
left: 50%;
width: 350px;
background: #FFF;
transform: translate(-50%, -50%);
border-radius: 40px;
padding: 25px 20px;
">
<h3 style="
font-weight: bold;
text-align: center;
font-size: 30px;
margin-top: 10px;
margin-bottom: 15px;
">免责声明</h3>
<div style="
font-size: 16px;
margin-top: 26px;
line-height: 30px;
color: #999;
">网站内容收集于全世界的互联网，仅供学习交流使用。本站无意侵犯任何国家的宪法，如果当地法令禁止进入，请自行离开！！！ 进入本站下载文件并且运行文件程序证明同意此声明，造成任何后果本站不承担任何责任！！！<br>
本站大部分下载资源收集于网络，只做学习和交流使用，版权归原作者所有，若为付费资源，请在下载后24小时之内自觉删除，若作商业用途，请到原网站购买，由于未及时购买和付费发生的侵权行为，与本站无关。本站发布的内容若侵犯到您的权益，请联系本站删除，我们将及时处理！
<div style="display: flex;justify-content: space-between;margin-top: 45px;">
<a style="display: block;
background: #98a3ff;
color: #FFF;
text-align: center;
font-weight: bold;
font-size: 19px;
line-height: 60px;
margin-right: 10px;
border-radius: 32px;
width: 45%;
" onclick="javascript:document.querySelector('.web_notice').remove()">我同意</a>
<a style="display: block; background: #f5f5f5; color: #333; text-align: center; font-weight: bold; font-size: 19px; line-height: 60px ;margin-left: 10px; border-radius: 32px; width: 45%;" href="<?php echo get_bloginfo('url').'/'.$post_id.'.html'; ?>" onclick="redirectToLink()">不同意</a>
</div>
</div>
</div>
<!--版权提示弹窗 结束-->
          <?php ?>
        <?php endwhile; ?>
        </div>
        <?php comments_template('/template/comments.php', true); ?>
    </div>
  </div>
  <?php get_sidebar(); ?>
</main>

<?php

get_footer();

注意：替换前一定要备份下源代码修改代码有风险切记一定要备份一下在修改的！！！

1 文章版权归作者所有，未经允许请勿转载。
2 可能会帮助到你：远程协助 | 解压密码 | 常见问题
3 如若转载，请注明文章出处：
4 本站内容观点不代表本站立场，并不代表本站赞同其观点和对其真实性负责
5 若作商业用途，请联系原作者授权，若本站侵犯了您的权益请联系站长进行删除处理,感谢理解！
6 本站所有内容均来源于网络，仅供学习与参考，请勿商业运营，严禁从事违法、侵权等任何非法活动，否则后果自负

用户使用协议：
在阅读并接受本授权协议所有的条款之前，请勿运行和使用。在用户同意此授权条款时，才具有使用的权限。使用此即表示用户接受此授权条款。
1此仅供爱好者研究之用,版权归发行公司所有。任何组织或个人不得传播或用于任何商业用途,否则一切后果由该组织及个人承担! 我方将不承担任何法律及连带责任。
2对使用游戏版本后产生的任何不良影响,我方不承担任何法律及连带责任。
3请自觉与下载后24小时内删除．如果喜欢该游戏，请购买正版并授权合法使用。
(注：此申明包括分享的视频游戏漫画软件程序源码网站等...一些列在本网站分享的内容）
免责声明：该资源仅供学习和研究传播，大家请在下载后24小时内删除，一切关于该资源违法行为与本站站长文章作者无关。

THE END

界面美化

子比主题美化 – 独立下载页面美化

前言

原文

效果图

教程

修改代码

请登录后发表评论