erphpdown是由模板兔所开发的一款付费的WordPress会员推广下载插件，这款插件各方面做的都挺好的，但是唯独欠缺的是前端的界面显示，特别是下载页面简直丑的不要不要的，到底有多丑给大家截两张图看看。
第一张图片是文章下方下载提示的界面，第二张是下载页面的展示，当然这是因为模板兔并没有特别设计这两处的前端显示效果，而是给予站长更多的自由去自行设计，但是对于对代码了解不多刚刚接触网站建设的新手们来说让我们自己调整网站前端样式是不是有点太困难了呢？下面是我修改完成后的页面展示，如果你喜欢可以直接拿去，当然也希望你能从中获得一点启发设计出自己独有的下载页面。
修改文件的作用
- show.php：判断用户身份并控制文章页下方下载文件信息框的内容。
- diy.php：控制erphpdown下载页面的显示内容。
- download.php：判断用户状态，下载链接是否有效并控制下载页面中的下载链接与隐藏信息等。
- erphpdown.css：控制下载页面前端显示样式。
show.php文件修改
show.php文件位于插件的includes文件夹下，这个文件控制了显示在我们文章底部的下载信息框的样式及内容，默认的样式还是挺好看的，所以我仅根据自己网站添加了一些文字及Font Awesome图标，关于Font Awesome图标字体的使用可以参加我之前发过的一篇文章 Font Awesome——为站点添加个性化图标 ，修改完成后的文件如下，大家可自行参照修改为自己所需的文字及图标。
<?php
/**
author: www.mobantu.com
QQ: 82708210
email: 82708210@qq.com
*/
if ( !defined('ABSPATH') ) {exit;}
function erphpdown_content_show($content){
$content2 = $content;
if(is_singular()){
$start_down=get_post_meta(get_the_ID(), 'start_down', true);
$start_see=get_post_meta(get_the_ID(), 'start_see', true);
$start_see2=get_post_meta(get_the_ID(), 'start_see2', true);
$price=get_post_meta(get_the_ID(), 'down_price', true);
$url=get_post_meta(get_the_ID(), 'down_url', true);
$memberDown=get_post_meta(get_the_ID(), 'member_down',TRUE);
$hidden=get_post_meta(get_the_ID(), 'hidden_content', true);
$userType=getUsreMemberType();
$erphp_url_front_vip = get_bloginfo('wpurl').'/wp-admin/admin.php?page=erphpdown/admin/erphp-update-vip.php';
if(get_option('erphp_url_front_vip')){
$erphp_url_front_vip = get_option('erphp_url_front_vip');
}
$erphp_url_front_login = wp_login_url();
if(get_option('erphp_url_front_login')){
$erphp_url_front_login = get_option('erphp_url_front_login');
}
if($start_down){
$content.='<div class="erphpdown" id="erphpdown"><div class="down-detail">';
$content.='<h5>资源下载</h5>';
if(is_user_logged_in())
{
if($hidden){
$content.='<p class="down-hidden">隐藏内容：******，购买后可见！</p>';
}
if($price){
$content.='<p class="down-price">下载价格：<span>'.$price.'</span> '.get_option("ice_name_alipay").'</p>';
}else{
if($memberDown != 4)
$content.='<p class="down-price">Lucky~~~，这是一个免费资源，您可以免费下载</p>';
}
if($price || $memberDown == 4){
$content.='<p class="down-ordinary">';
global $wpdb;
$user_info=wp_get_current_user();
$down_info=$wpdb->get_row("select * from ".$wpdb->icealipay." where ice_post='".get_the_ID()."' and ice_success=1 and ice_user_id=".$user_info->ID);
if($memberDown > 1 && $userType==false)
{
if($memberDown==3 && $down_info==null)
{
$content.='<strong>VIP用户免费下载</strong>，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
elseif ($memberDown==2 && $down_info==null)
{
$content.='<strong>VIP用户5折下载</strong>，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
elseif ($memberDown==5 && $down_info==null)
{
$content.='<strong>VIP用户8折下载</strong>，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
elseif ($memberDown==6 && $down_info==null)
{
$content.='<strong>包年VIP用户免费下载</strong>，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
elseif ($memberDown==7 && $down_info==null)
{
$content.='<strong>终身VIP用户免费下载</strong>，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
}
if($memberDown==4 && $userType==FALSE)
{
$content.='仅对VIP用户开放下载，<a href="'.$erphp_url_front_vip.'">升级VIP</a><br/>';
}
else
{
if($userType && $memberDown > 1)
{
$msg='<i class="fa fa-download" aria-hidden="true"></i> 下载地址： ';
if($memberDown==3 || $memberDown==4)
{
$msg.='您是VIP用户，可以免费下载此资源！';
$content.=$msg."<a href=".constant("erphpdown").'download.php?postid='.get_the_ID()." target='_blank'>进入下载页面</a>";
}
elseif ($memberDown==2 && $down_info==null)
{
$msg.='您是VIP用户，可以5折（价格为：'.($price*0.5).get_option('ice_name_alipay').'）购买下载此资源！';
$content.=$msg.'<a class=iframe href='.constant("erphpdown").
'icealipay-pay-center.php?postid='.get_the_ID().' target=\'_blank\'>立即购买</a>';
}
elseif ($memberDown==5 && $down_info==null)
{
$msg.='您是VIP用户，可以8折（价格为：'.($price*0.8).get_option('ice_name_alipay').'）购买下载此资源！';
$content.=$msg.'<a class=iframe href='.constant("erphpdown").
'icealipay-pay-center.php?postid='.get_the_ID().' target=\'_blank\'>立即购买</a>';
}
elseif ($memberDown==6 && $down_info==null)
{
if($userType == 9){
$msg.='您是包年VIP用户，可以免费下载此资源！';
$content.=$msg."<a href=".constant("erphpdown").'download.php?postid='.get_the_ID()." target='_blank'>进入下载页面</a>";
}elseif($userType == 10){
$msg.='您是终身VIP用户，可以免费下载此资源！';
$content.=$msg."<a href=".constant("erphpdown").'download.php?postid='.get_the_ID()." target='_blank'>进入下载页面</a>";
}else{
$msg.='您是VIP用户，原价购买下载此资源！（年费VIP用户免费）';
$content.=$msg.'<a class=iframe href='.constant("erphpdown").
'icealipay-pay-center.php?postid='.get_the_ID().' target=\'_blank\'>立即购买</a>';
}
}
elseif ($memberDown==7 && $down_info==null)
{
if($userType == 10){
$msg.='您是终身VIP用户，可以免费下载此资源！';
$content.=$msg."<a href=".constant("erphpdown").'download.php?postid='.get_the_ID()." target='_blank'>进入下载页面</a>";
}else{
$msg.='您是VIP用户，原价购买下载此资源！（终身VIP用户免费）';
$content.=$msg.'<a class=iframe href='.constant("erphpdown").
'icealipay-pay-center.php?postid='.get_the_ID().' target=\'_blank\'>立即购买</a>';
}
}
elseif($down_info)
{
$ice_url = $wpdb->get_var("SELECT ice_url FROM $wpdb->icealipay where ice_success=1 and ice_user_id=$user_info->ID and ice_post=".get_the_ID());
$content.='<i class="fa fa-download" aria-hidden="true"></i> 蝈蝈提醒：您已购买过，可直接去下载！<a href='.constant("erphpdown").
'download.php?url='.$ice_url.' target="_blank">进入下载页面</a>';
}
}
else
{
if($down_info && $down_info->ice_price > 0)
{
$ice_url = $wpdb->get_var("SELECT ice_url FROM $wpdb->icealipay where ice_success=1 and ice_user_id=$user_info->ID and ice_post=".get_the_ID());
$content.='<i class="fa fa-download" aria-hidden="true"></i> 蝈蝈提醒：您已购买过，可直接去下载！<a href='.constant("erphpdown").
'download.php?url='.$ice_url.' target="_blank">进入下载页面</a>';
}
else
{
$content.='<i class="fa fa-credit-card" aria-hidden="true"></i> 蝈蝈提醒：请购买后再下载资源>>><a class=iframe href='.constant("erphpdown").'icealipay-pay-center.php?postid='.get_the_ID().' target="_blank">立即购买</a>';
}
}
}
$content.='</p>';
}else{
$content.='<p class="down-ordinary"><i class="fa fa-download" aria-hidden="true"></i> 下载地址： 蝈蝈要安静（blog.quietguoguo.com）>>><a href="'.constant("erphpdown").'download.php?postid='.get_the_ID().'" target="_blank">进入下载页面</a></p>';
}
}
else {
$content.='<p class="down-hidden">隐藏内容：******，购买后可见！</p>';
$content.='<p class="down-price">下载价格：<span>'.$price.'</span> '.get_option('ice_name_alipay').'</p>';
$content.='<p class="down-ordinary">';
$content.='您需要先<a href="'.$erphp_url_front_login.'" target="_blank" class="erphp-login-must">登录</a>后，才能购买资源</p>';
}
if(get_option('ice_tips')) $content.='<p class="down-tip">'.get_option('ice_tips').'</p>';
$content.='</div></div>';
}elseif($start_see){
if(is_user_logged_in())
{
global $wpdb;
$user_info=wp_get_current_user();
$down_info=$wpdb->get_row("select * from ".$wpdb->icealipay." where ice_post='".get_the_ID()."' and ice_success=1 and ice_user_id=".$user_info->ID);
if( ($userType && ($memberDown==3 || $memberDown==4)) || ($down_info && $down_info->ice_price > 0) || ($memberDown==6 && $userType >= 9) || ($memberDown==7 && $userType == 10) ){
return $content;
}else{
$content2='<div class="erphpdown" id="erphpdown"><div class="down-detail">';
$content2.='<h5>内容查看</h5>';
if($price){
$content2.='<p class="down-price">查看价格：<span>'.$price.'</span> '.get_option('ice_name_alipay').'</p>';
}
$content2.='<p class="down-ordinary">';
if($memberDown > 1 && $userType==false)
{
if($memberDown==3)
{
$content2.='<strong>VIP用户免费查看</strong>，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
elseif ($memberDown==2)
{
$content2.='<strong>VIP用户5折查看</strong>，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
elseif ($memberDown==5)
{
$content2.='<strong>VIP用户8折查看</strong>，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
elseif ($memberDown==6)
{
$content2.='<strong>包年VIP用户免费查看</strong>，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
elseif ($memberDown==7)
{
$content2.='<strong>终身VIP用户免费查看</strong>，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
}
if($memberDown==4 && $userType==FALSE)
{
$content2.='<strong>仅对VIP用户开放查看</strong>，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
else
{
if($userType && $memberDown > 1)
{
if ($memberDown==2 && $down_info==null)
{
$msg.='您是VIP用户，可以5折（价格为：'.($price*0.5).get_option('ice_name_alipay').'）购买查看此内容！';
$content2.=$msg.'<a class=\'iframe\' href='.constant("erphpdown").
'icealipay-pay-center.php?postid='.get_the_ID().' target=\'_blank\'>立即购买</a>';
}
elseif ($memberDown==5 && $down_info==null)
{
$msg.='您是VIP用户，可以8折（价格为：'.($price*0.8).get_option('ice_name_alipay').'）购买查看此内容！';
$content2.=$msg.'<a class=\'iframe\' href='.constant("erphpdown").
'icealipay-pay-center.php?postid='.get_the_ID().' target=\'_blank\'>立即购买</a>';
}
elseif ($memberDown==6 && $down_info==null)
{
if($userType < 9){
$msg.='您是VIP用户，原价购买查看此内容！（包年VIP用户免费查看）';
$content2.=$msg.'<a class=\'iframe\' href='.constant("erphpdown").
'icealipay-pay-center.php?postid='.get_the_ID().' target=\'_blank\'>立即购买</a>';
}
}
elseif ($memberDown==7 && $down_info==null)
{
if($userType < 10){
$msg.='您是VIP用户，原价购买查看此内容！（终身VIP用户免费查看）';
$content2.=$msg.'<a class=\'iframe\' href='.constant("erphpdown").
'icealipay-pay-center.php?postid='.get_the_ID().' target=\'_blank\'>立即购买</a>';
}
}
}
else
{
if($down_info && $down_info->ice_price > 0){
}else {
$content2.='<i class="fa fa-eye" aria-hidden="true"></i> 蝈蝈提醒：请先购买后查看此隐藏内容！<a class=iframe href='.constant("erphpdown").'icealipay-pay-center.php?postid='.get_the_ID().'>立即购买</a>';
}
}
}
}
}else{
$content2='<div class="erphpdown" id="erphpdown"><div class="down-detail">';
$content2.='<h5>内容查看</h5>';
$content2.='<p class="down-price">查看价格：<span>'.$price.'</span> '.get_option('ice_name_alipay').'</p>';
$content2.='<p class="down-ordinary">';
$content2.='您需要先<a href="'.$erphp_url_front_login.'" target="_blank" class="erphp-login-must">登录</a>后，才能购买查看内容</p>';
}
$content2.='</div></div>';
return $content2;
}elseif($start_see2){
if(is_user_logged_in())
{
global $wpdb;
$user_info=wp_get_current_user();
$down_info=$wpdb->get_row("select * from ".$wpdb->icealipay." where ice_post='".get_the_ID()."' and ice_success=1 and ice_user_id=".$user_info->ID);
if( (($memberDown==3 || $memberDown==4) && $userType) || ($down_info && $down_info->ice_price > 0) || ($memberDown==6 && $userType >= 9) || ($memberDown==7 && $userType == 10)){
//
}else{
$content.='<div class="erphpdown" id="erphpdown"><div class="down-detail">';
$content.='<h5>内容查看</h5>';
if($price){
$content.='<p class="down-price">查看价格：<span>'.$price.'</span> '.get_option('ice_name_alipay').'</p>';
}
$content.='<p class="down-ordinary">';
if($memberDown > 1 && $userType==false)
{
if($memberDown==3 && $down_info==null)
{
$content.='<strong>VIP用户免费查看隐藏内容</strong>，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
elseif ($memberDown==2 && $down_info==null)
{
$content.='<strong>VIP用户5折查看隐藏内容</strong>，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
elseif ($memberDown==5 && $down_info==null)
{
$content.='<strong>VIP用户8折查看隐藏内容</strong>，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
elseif ($memberDown==6 && $down_info==null)
{
$content.='<strong>包年VIP用户免费查看</strong>，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
elseif ($memberDown==7 && $down_info==null)
{
$content.='<strong>终身VIP用户免费查看</strong>，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
}
if($memberDown==4 && $userType==FALSE){
$content.='仅对VIP用户开放查看隐藏内容，<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
}
else
{
if($userType && $memberDown > 1)
{
if ($memberDown==2 && $down_info==null)
{
$msg.='您是VIP用户，可以5折（价格为：'.($price*0.5).get_option('ice_name_alipay').'）购买查看此隐藏内容！';
$content.=$msg.'<a class=iframe href='.constant("erphpdown").'icealipay-pay-center.php?postid='.get_the_ID().' target=\'_blank\'>立即购买</a>';
}
elseif ($memberDown==5 && $down_info==null)
{
$msg.='您是VIP用户，可以8折（价格为：'.($price*0.8).get_option('ice_name_alipay').'）购买查看此隐藏内容！';
$content.=$msg.'<a class=iframe href='.constant("erphpdown").
'icealipay-pay-center.php?postid='.get_the_ID().' target=\'_blank\'>立即购买</a>';
}
elseif ($memberDown==6 && $down_info==null)
{
if($userType < 9){
$msg.='您是VIP用户，原价购买查看此隐藏内容！（包年VIP用户免费查看）';
$content.=$msg.'<a class=iframe href='.constant("erphpdown").
'icealipay-pay-center.php?postid='.get_the_ID().' target=\'_blank\'>立即购买</a>';
}
}
elseif ($memberDown==7 && $down_info==null)
{
if($userType < 10){
$msg.='您是VIP用户，原价购买查看此隐藏内容！（终身VIP用户免费查看）';
$content.=$msg.'<a class=iframe href='.constant("erphpdown").
'icealipay-pay-center.php?postid='.get_the_ID().' target=\'_blank\'>立即购买</a>';
}
}
}
else
{
$content.='<i class="fa fa-eye" aria-hidden="true"></i> 蝈蝈提醒：请先购买后查看此隐藏内容！<a class=iframe href='.constant("erphpdown").'icealipay-pay-center.php?postid='.get_the_ID().' target="_blank">立即购买</a>';
}
}
$content.='</p>';
if(get_option('ice_tips')) $content.='<p class="down-tip">'.get_option('ice_tips').'</p>';
$content.='</div></div>';
}
}
else {
$content.='<div class="erphpdown" id="erphpdown"><div class="down-detail">';
$content.='<h5>内容查看</h5>';
$content.='<p class="down-price">查看价格：<span>'.$price.'</span> '.get_option('ice_name_alipay').'</p>';
$content.='<p class="down-ordinary">';
$content.='您需要先<a href="'.$erphp_url_front_login.'" target="_blank" class="erphp-login-must">登录</a>后，才能购买查看隐藏内容！</p>';
if(get_option('ice_tips')) $content.='<p class="down-tip">'.get_option('ice_tips').'</p>';
$content.='</div></div>';
}
}
}
return $content;
}
add_action('the_content','erphpdown_content_show');
在这里给大家提供一个修改小技巧，由于文件中很多内容是重复的，大家可以直接CTRL+F查找并替换一下即可。
download.php文件修改
与diy.php文件一样，download.php文件同样位于插件的根目录下，该文件内容主要用于判断用户状态的，不建议做太多修改，我也仅仅是将文件最下面一些无关紧要的代码做了些简单的修改。
修改前的代码：
foreach ($downList as $k=>$v)
{
$downMsg.="文件".($k+1)."地址：<a href='download.php?postid=".$postid."&url=".$down_info->ice_url."&key=".($k+1)."' targert='_blank'>点击下载</a><br/>";
}
$hiddens = get_post_meta($pp,'hidden_content',true);
if($hiddens){
$downMsg .='<br /><p><h3>隐藏信息:</h3></p><p>'.$hiddens.'</p>';
}
showMsg($downMsg);
修改后的代码：
foreach ($downList as $k=>$v)
{
$downMsg.="<p>文件地址".($k+1)."：<a href='download.php?postid=".$postid."&url=".$down_info->ice_url."&key=".($k+1)."' target='_blank'>点击下载</a><br/></p>";
}
$hiddens = get_post_meta($pp,'hidden_content',true);
if($hiddens){
$downMsg .='<h1 style="text-align: center;">隐藏信息</h1><p>'.$hiddens.'</p>';
}
showMsg($downMsg);
未做太多修改，仅将几个标签替换为自己设置好CSS样式的标签以更好地融合进下载页面。
erphpdown.css文件修改
erphpdown.css文件位于erphpdown插件的static文件夹下，该文件包含一些控制下载页面样式的内容，对于该文件我主要是修改了#erphpdown-download 及 #erphpdown-download h1 的样式，并为其添加了一个p标签的样式以方便对下载页面文本的样式控制。修改完成后的代码如下：
#erphpdown-download{
margin:16px auto 0;
font-family:'Microsoft Yahei','Sans-serif';
font-size:15px;
color: #868686;
width: 800px;
text-indent: 2em;
min-height: 240px;
border: 1px solid #aabbcc;
border-radius:3px;
padding: 0px 0px 8px;
}
#erphpdown-download h1{
font-size:18;
color: #888888;
font-weight:bold;
background-color: #EFEFEF;
margin:20px 0;
border-bottom: 0px solid #12b4f0;
padding: 8px 12px;
border-left: 8px solid #24b4f0;
margin:18px 0px;
}
#erphpdown-download p{
color: #868686;
text-indent: 2em;
padding: 6px 18px 8px;
}
此次对erphpdown下载页面的修改需要改动的文件比较多，这里给大家提供一下我修改后的这几个文件的下载，大家可以将文件下载下来后做简单修改直接覆盖掉插件目录下的对应文件即可。
评论 (12)
FoxPay的显示下载界面超级好看，不知道你能不能把这界面移植过来……
样式的话自己根据自己喜好调整即可。
这个下载页面我知道一个模仿模版兔插件的下载页面很好看是F开头的你能把他加入到模版兔插件？
谢谢分享，辛苦了。
这个要本身购买了这个插件的才能用了吧?
建议前往官网获取，不过网上也有很多分享的资源，可以先试用下。
可以的哦，拿走了
你好，请教一下，点击购买的登录按钮，弹出登录框，这是修改$content.=’您需要先登录后，才能购买资源’;这句代码吗？菜鸟哦，不要见怪。谢谢，麻烦解答。
嗯嗯，应该是的