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

美化教程2个月前发布 忆余函
497 0 0
子比主题美化 - 独立下载页美化

 

教程

引入css

将下方代码放到  后台-全局&功能 – 自定义代码- 自定义CSS样式  中即可

将下方代码放到 网站根目录/wp-content/themes/zibll/pages/download.php 全选并替换全部代码

[hidecontent type=”reply” desc=”隐藏内容:评论后查看”]

<?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'); }; // 查询是否已经购买 $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']; if ($paid_obj) { //已经购买直接显示下载盒子 $paid_name = zibpay_get_paid_type_name($paid_obj['paid_type']); $paid_name = '<b class="badg jb-red mr6" style="margin-left: 5px; font-size: 12px; padding: 2px 10px; line-height: 1.4; "><i class="fa fa-check mr6" aria-hidden="true"></i>' . $paid_name . '</b>'; $pay_extra_hide = !empty($pay_mate['pay_extra_hide']) ? '<div class="pay-extra-hide">' . $pay_mate['pay_extra_hide'] . '</div>' : ''; $dowmbox = '<div style="/*margin-bottom:3em;*/">' . zibpay_get_post_down_buts($pay_mate, $paid_obj['paid_type'], $post_id) . '</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"><h3><i class="fa fa-paper-plane-o" aria-hidden="true"></i> 文件下载</h3></div>'; $html .= '<div class="download-wiui">'; /*微信公众号图片在下面的<img>里面,自己放自己的图片链接 文字自己修改*/ $html .= '<div class="download-sty"><img src="https://cos.luanshanit.com/qingluntan/2022/03/43__fc3e3446f8cb168179bafff9b3a81939_e738ef3274925d055e65a60d1274b680.png" /><p>关注公众号</p></div>'; $html .= '<div class="download-right"><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>' . $paid_name . '</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; }

 

[/hidecontent]

 

将下方代码放到    网站根目录/wp-content/themes/zibll/pages/download.php  全选并替换全部代码

[hidecontent type=”reply” desc=”隐藏内容:评论后查看”]

<?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'); }; // 查询是否已经购买 $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']; if ($paid_obj) { //已经购买直接显示下载盒子 $paid_name = zibpay_get_paid_type_name($paid_obj['paid_type']); $paid_name = '<b class="badg jb-red mr6" style="margin-left: 5px; font-size: 12px; padding: 2px 10px; line-height: 1.4; "><i class="fa fa-check mr6" aria-hidden="true"></i>' . $paid_name . '</b>'; $pay_extra_hide = !empty($pay_mate['pay_extra_hide']) ? '<div class="pay-extra-hide">' . $pay_mate['pay_extra_hide'] . '</div>' : ''; $dowmbox = '<div style="/*margin-bottom:3em;*/">' . zibpay_get_post_down_buts($pay_mate, $paid_obj['paid_type'], $post_id) . '</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"><h3><i class="fa fa-paper-plane-o" aria-hidden="true"></i> 文件下载</h3></div>'; $html .= '<div class="download-wiui">'; /*微信公众号图片在下面的<img>里面,自己放自己的图片链接 文字自己修改*/ $html .= '<div class="download-sty"><img src="https://cos.luanshanit.com/qingluntan/2022/03/43__fc3e3446f8cb168179bafff9b3a81939_e738ef3274925d055e65a60d1274b680.png" /><p>关注公众号</p></div>'; $html .= '<div class="download-right"><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>' . $paid_name . '</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> .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;} </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>'; } ?> <!--开始--> <style> .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;} .panel:hover,.download-demo:hover{border: 1px dashed #FF6666;}/*框颜色背景色*/ .panel:hover h3,.download-demo:hover h3{color:#fff;} .panel{margin-bottom: 10px; background-color: #fff; border: 1px dashed #268df7; 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-bottom: 1px solid #268df7;border-top-left-radius: 3px;border-top-right-radius: 3px;color: #0000FF;background-color: #99CCFF;}/*边框部分颜色*/ .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> <div class="panel"> <div class="panel-heading"> <h3><i class="fa fa-paper-plane-o" aria-hidden="true"></i> 下载说明</h3> </div> <div class="panel-body"> <ul class="help"> <li>1.轻论坛所提供的压缩包若无特别说明,解压密码均为<em>www.zhou-si.cn</em>;</li> <li>2.下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;</li> <li>3.文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;</li> <li>4.资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便轻论坛及时进行更新;</li> <li>5.其他下载问题请自行搜索教程,这里不一一讲解。</li> </ul> </div> </div> <div class="panel"> <div class="panel-heading"> <h3><i class="fa fa-paper-plane-o" aria-hidden="true"></i> 站长声明</h3> </div> <div class="panel-body"> <span class="shengming">本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有,若为付费资源,请在下载后24小时之内自觉删除,若作商业用途,请到原网站购买,由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!</span> </div> </div> <!--结束--> <?php ?> <?php endwhile; ?> </div> <?php comments_template('/template/comments.php', true); ?> </div> </div> <?php get_sidebar(); ?> </main> <?php get_footer();

 

[/hidecontent]

 

修改代码中的文字等信息即可。

 

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...

欢迎进入官方群聊(关注最新消息)

QQ群698305982 点击进入  


登录即可开启个人书签等新功能! 点击登录

如果网站对您有帮助的话,希望您能把快导航网分享给身边朋友,感激不尽!


(登录后有效期内不再显示)

点击下方关闭此窗口