这是一款子比主题独立下载页面美化，还是比较一款简约的一个下载页面，腾飞简单测试了，喜欢的自行部署吧！![图片[1]-子比主题 – 独立下载页美化代码-回忆博客](https://pic1.imgdb.cn/i/034GZ3r5Tvhh1fRghM9j4d.jpg)
定位：/wp-content/themes/zibll/pages/download.php文件，打开之后，将下面的代码替换，当然你也可以备份一下当前的文件，然后新建一个文件把下面的代码放里面！
<?php
/**
* Template name: 回忆博客-资源下载
* Description: 回忆博客-独立资源下载页面
*/
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);
if (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 = !empty($pay_mate['pay_doc']) ? $pay_mate['pay_doc'] : '';
$price = !empty($pay_mate['pay_price']) ? $pay_mate['pay_price'] : '';
$original_price = !empty($pay_mate['pay_original_price']) ? $pay_mate['pay_original_price'] : '';
$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']);
if($paid_name == '推广会员免费' || $paid_name == '代理会员免费'){
$dowmbox = '<div class="download-btn-wrap">' . $user_qx . '</div>';
} else {
$dowmbox = '<div class="download-btn-wrap"><span class="free-badge"><i class="fa fa-diamond"></i> 会员免费 · 即刻下载</span>' . $user_qx . '</div>';
}
$pay_extra_hide = !empty($pay_mate['pay_extra_hide']) ? '<div class="extra-info">' . $pay_mate['pay_extra_hide'] . '</div>' : '';
if ($paid_obj['paid_type'] == 'free' && _pz('pay_free_logged_show') && !is_user_logged_in()) {
$dowmbox = '<div class="login-tip"><i class="fa fa-heart"></i> 登录后即可免费下载</div>';
$pay_extra_hide = '<div class="login-card">';
$pay_extra_hide .= '<h4>登录回忆博客</h4>';
$pay_extra_hide .= '<p>登录后解锁全部资源</p>';
$pay_extra_hide .= '<div class="login-buttons">';
$pay_extra_hide .= '<a href="javascript:;" class="btn-login signin-loader"><i class="fa fa-sign-in"></i> 登录</a>';
$pay_extra_hide .= '<a href="javascript:;" class="btn-reg signup-loader"><i class="fa fa-user-plus"></i> 注册</a>';
$pay_extra_hide .= '</div>';
$pay_extra_hide .= zib_social_login(false);
$pay_extra_hide .= '</div>';
}
$title_with_price = '<h2 class="download-title">' . $pay_title;
if ($price) {
$title_with_price .= '<span class="download-price"><span class="current-price">¥' . $price . '</span>';
if ($original_price && $original_price > $price) {
$title_with_price .= '<span class="original-price">¥' . $original_price . '</span>';
}
$title_with_price .= '</span>';
}
$title_with_price .= '</h2>';
if($paid_name != '推广会员免费' && $paid_name != '代理会员免费') {
$title_with_price .= '<span class="badg c-red btn-block" style="margin-bottom:16px;">免费资源不占用会员的免费下载次数</span>';
}
$left_html = '';
if ($thumbnail) {
$left_html = '<div class="download-left">
<div class="download-img-wrap">
<img src="' . $thumbnail . '" alt="' . esc_attr($pay_title) . '" class="download-img">
</div>
</div>';
}
$container_class = $thumbnail ? '' : ' no-thumbnail';
$html = '<div class="download-module">
<div class="download-container' . $container_class . '">
' . $left_html . '
<div class="download-right">
<div class="download-info">
' . $title_with_price . '
<div class="download-desc">' . $pay_doc . '</div>
' . $dowmbox . '
' . $pay_extra_hide . '
</div>
</div>
</div>
</div>';
} else {
$title_with_price = '<h2 class="download-title">' . $pay_title;
if ($price) {
$title_with_price .= '<span class="download-price"><span class="current-price">¥' . $price . '</span>';
if ($original_price && $original_price > $price) {
$title_with_price .= '<span class="original-price">¥' . $original_price . '</span>';
}
$title_with_price .= '</span>';
}
$title_with_price .= '</h2>';
$left_html = '';
if ($thumbnail) {
$left_html = '<div class="download-left">
<div class="download-img-wrap">
<img src="' . $thumbnail . '" alt="' . esc_attr($pay_title) . '" class="download-img">
</div>
</div>';
}
$container_class = $thumbnail ? '' : ' no-thumbnail';
$html = '<div class="download-module denied">
<div class="download-container' . $container_class . '">
' . $left_html . '
<div class="download-right">
<div class="download-info">
' . $title_with_price . '
<div class="download-desc">' . $pay_doc . '</div>
<div class="download-btn-wrap">
<a href="' . get_permalink($post_id) . '#posts-pay" class="btn-back"><i class="fa fa-arrow-left"></i> 返回文章获取权限</a>
</div>
</div>
</div>
</div>
</div>';
}
return $html;
}
?>
<style>
.download-module{margin-bottom:50px;position:relative}
.download-container{display:flex;gap:40px;background:var(--main-bg-color);border-radius:var(--main-radius);position:relative;overflow:hidden;padding:32px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.download-container.no-thumbnail{display:block}
.download-container.no-thumbnail .download-right{width:100%}
.download-container::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:linear-gradient(135deg,#f5e6ff,#ffe6f0);border-radius:50%;z-index:0;opacity:0.6}
.download-container::after{content:'';position:absolute;bottom:-30px;left:30%;width:150px;height:150px;background:linear-gradient(135deg,#e0f3ff,#e6ffe6);border-radius:50%;z-index:0;opacity:0.5}
.download-left{flex-shrink:0;width:260px;position:relative;z-index:1}
.download-img-wrap{position:relative;border-radius:var(--main-radius);overflow:hidden}
.download-img{width:100%;height:auto;display:block;border-radius:var(--main-radius);transition:transform 0.3s ease}
.download-img-wrap:hover .download-img{transform:scale(1.02)}
.download-right{flex:1;position:relative;z-index:1}
.download-info{height:100%;display:flex;flex-direction:column}
.download-title{font-size:26px;font-weight:700;margin:0 0 16px 0;color:var(--main-color);line-height:1.3;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.download-price{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
.download-price .current-price{color:#ef4444;font-size:28px;font-weight:600}
.download-price .original-price{color:#94a3b8;font-size:16px;text-decoration:line-through}
.download-desc{color:var(--main-color);line-height:1.7;margin-bottom:20px;font-size:15px;opacity:0.85}
.download-btn-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:0}
.free-badge{background:#fef3c7;padding:8px 18px;border-radius:calc(var(--main-radius) / 2);font-size:13px;color:#d97706;display:inline-flex;align-items:center;gap:8px;font-weight:500}
.download-btn-wrap .btn-download{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:white;border-radius:calc(var(--main-radius) / 2);font-size:15px;font-weight:600;text-decoration:none;transition:all 0.2s;border:none;cursor:pointer}
.download-btn-wrap .btn-download:hover{transform:translateY(-2px);background:linear-gradient(135deg,#7c3aed,#5b21b6)}
.btn-back{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--main-bg-color);color:var(--main-color);border-radius:calc(var(--main-radius) / 2);font-size:14px;font-weight:500;text-decoration:none;transition:all 0.2s;border:1px solid var(--main-border-color)}
.btn-back:hover{background:var(--main-hover-bg);color:var(--main-color)}
.login-tip{background:#fef3c7;padding:12px 20px;border-radius:var(--main-radius);color:#d97706;margin-bottom:16px;display:inline-flex;align-items:center;gap:10px}
.login-card{background:var(--main-bg-color);border-radius:var(--main-radius);padding:28px;text-align:center;margin-top:20px;border:1px solid var(--main-border-color)}
.login-card h4{font-size:20px;margin:0 0 8px 0;color:var(--main-color)}
.login-card p{color:var(--main-color);margin-bottom:20px;opacity:0.7}
.login-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-login{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:white;border-radius:calc(var(--main-radius) / 2);text-decoration:none;font-weight:500}
.btn-reg{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--main-bg-color);color:var(--main-color);border-radius:calc(var(--main-radius) / 2);text-decoration:none;font-weight:500;border:1px solid var(--main-border-color)}
.extra-info{margin-top:16px;padding:14px 18px;background:#f0fdf4;border-radius:var(--main-radius);color:#166534;font-size:13px;border-left:3px solid #22c55e}
.page-header{text-align:center;margin-bottom:48px}
.page-header h1{font-size:38px;font-weight:800;margin:0 0 12px 0;display:inline-block;position:relative;color:var(--main-color);padding:0 12px;line-height:1.4}
.page-header h1::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:14px;background:linear-gradient(90deg,#fef3c7,#fde68a);border-radius:4px;z-index:-1;opacity:0.7;transition:all 0.3s ease}
.page-header p{color:var(--main-color);font-size:16px;opacity:0.7}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:50px}
.stat-card{background:var(--main-bg-color);border-radius:var(--main-radius);padding:24px 20px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.stat-icon{width:54px;height:54px;background:#eef2f6;border-radius:var(--main-radius);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:24px;color:#8b5cf6}
.stat-card h3{font-size:26px;font-weight:800;margin:0 0 6px 0;color:var(--main-color)}
.stat-card p{font-size:13px;color:var(--main-color);margin:0;opacity:0.6}
.rules-box{background:var(--main-bg-color);border-radius:var(--main-radius);margin-bottom:50px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.rules-header{padding:18px 28px;background:var(--main-bg-color);border-bottom:1px solid var(--main-border-color)}
.rules-header h3{font-size:18px;font-weight:600;margin:0;color:var(--main-color)}
.rules-header h3 i{color:#8b5cf6;margin-right:10px}
.rules-list{padding:24px 28px;margin:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.rules-list li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--main-color)}
.rules-list li i{width:20px;color:#8b5cf6}
.but-download{margin-left:10px}
@media (max-width:768px){.download-container{flex-direction:column;padding:24px;gap:24px}.download-left{width:200px;margin:0 auto}.download-title{font-size:22px;text-align:center;justify-content:center}.download-price{margin-left:0;justify-content:center}.download-desc{text-align:center}.download-btn-wrap{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.rules-list{grid-template-columns:1fr;padding:20px}.page-header h1{font-size:30px}}
@media (min-width:769px) and (max-width:1024px){.download-left{width:220px}.stats-grid{gap:16px}}
</style>
<main class="container">
<div class="content-wrap">
<div class="content-layout">
<?php while (have_posts()) : the_post(); ?>
<div class="page-header">
<h1>资源下载</h1>
<p>精选设计资源 · 助力创意落地</p>
</div>
<div class="zib-widget" style="background: transparent; padding: 0;">
<?php echo zibpay_get_down_html($post_id); ?>
<?php
$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">',
'after' => '</p>',
));
}
?>
</div>
<div class="stats-grid">
<div class="stat-card">
<div class="stat-icon"><i class="fa fa-database"></i></div>
<h3>精品资源</h3>
<p>优质海量资源</p>
</div>
<div class="stat-card">
<div class="stat-icon"><i class="fa fa-shield"></i></div>
<h3>安全认证</h3>
<p>无毒无广告</p>
</div>
<div class="stat-card">
<div class="stat-icon"><i class="fa fa-bolt"></i></div>
<h3>极速下载</h3>
<p>CDN加速节点</p>
</div>
<div class="stat-card">
<div class="stat-icon"><i class="fa fa-life-ring"></i></div>
<h3>专属客服</h3>
<p>7x12小时在线</p>
</div>
</div>
<div class="rules-box">
<div class="rules-header">
<h3><i class="fa fa-file-text-o"></i> 下载须知</h3>
</div>
<ul class="rules-list">
<li><i class="fa fa-copyright"></i> 本站资源仅供学习交流，版权归原作者所有</li>
<li><i class="fa fa-shopping-cart"></i> 付费资源请于24小时内删除，商用请购买正版</li>
<li><i class="fa fa-envelope"></i> 侵权内容请联系作者删除，我们将及时处理</li>
<li><i class="fa fa-repeat"></i> 文件支持重复下载，有问题随时联系客服</li>
</ul>
</div>
<?php comments_template('/template/comments.php', true); ?>
<?php endwhile; ?>
</div>
</div>
<?php get_sidebar(); ?>
</main>
<?php get_footer(); ?>
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
![适用于全部WordPress程序网站的数据库批量替换插件、可无脑一键换域名工具[插件发布]-回忆博客](https://pic1.imgdb.cn/i/033xvCQb1BWzvFaIQiWxnp.jpg)
暂无评论内容