分享博客 Erphpdown 界面美化代码

erphpdown是由模板兔所开发的一款付费的WordPress会员推广下载插件,这款插件各方面做的都挺好的,但是唯独欠缺的是前端的界面显示,特别是下载页面简直丑的不要不要的,到底有多丑给大家截两张图看看。

第一张图片是文章下方下载提示的界面,第二张是下载页面的展示,当然这是因为模板兔并没有特别设计这两处的前端显示效果,而是给予站长更多的自由去自行设计,但是对于对代码了解不多刚刚接触网站建设的新手们来说让我们自己调整网站前端样式是不是有点太困难了呢?下面是我修改完成后的页面展示,如果你喜欢可以直接拿去,当然也希望你能从中获得一点启发设计出自己独有的下载页面。

修改文件的作用

  • show.php:判断用户身份并控制文章页下方下载文件信息框的内容。
  • diy.php:控制erphpdown下载页面的显示内容。
  • download.php:判断用户状态,下载链接是否有效并控制下载页面中的下载链接与隐藏信息等。
  • erphpdown.css:控制下载页面前端显示样式。

show.php文件修改

show.php文件位于插件的includes文件夹下,这个文件控制了显示在我们文章底部的下载信息框的样式及内容,默认的样式还是挺好看的,所以我仅根据自己网站添加了一些文字及Font Awesome图标,,修改完成后的文件如下,大家可自行参照修改为自己所需的文字及图标。

  1. <?php
  2. /**
  3. author: www.mobantu.com
  4. */
  5. if ( !defined('ABSPATH') ) {exit;}
  6. function erphpdown_content_show($content){
  7. $content2 = $content;
  8. if(is_singular()){
  9. $start_down=get_post_meta(get_the_ID(), 'start_down', true);
  10. $start_see=get_post_meta(get_the_ID(), 'start_see', true);
  11. $start_see2=get_post_meta(get_the_ID(), 'start_see2', true);
  12. $price=get_post_meta(get_the_ID(), 'down_price', true);
  13. $url=get_post_meta(get_the_ID(), 'down_url', true);
  14. $memberDown=get_post_meta(get_the_ID(), 'member_down',TRUE);
  15. $hidden=get_post_meta(get_the_ID(), 'hidden_content', true);
  16. $userType=getUsreMemberType();
  17. $erphp_url_front_vip = get_bloginfo('wpurl').'/wp-admin/admin.php?page=erphpdown/admin/erphp-update-vip.php';
  18. if(get_option('erphp_url_front_vip')){
  19. $erphp_url_front_vip = get_option('erphp_url_front_vip');
  20. }
  21. $erphp_url_front_login = wp_login_url();
  22. if(get_option('erphp_url_front_login')){
  23. $erphp_url_front_login = get_option('erphp_url_front_login');
  24. }
  25. if($start_down){
  26. $content.='<div class="erphpdown" id="erphpdown"><div class="down-detail">';
  27. $content.='<h5>资源下载</h5>';
  28. if(is_user_logged_in())
  29. {
  30. if($hidden){
  31. $content.='<p class="down-hidden">隐藏内容:******,购买后可见!</p>';
  32. }
  33. if($price){
  34. $content.='<p class="down-price">下载价格:<span>'.$price.'</span>&nbsp;'.get_option("ice_name_alipay").'</p>';
  35. }else{
  36. if($memberDown != 4)
  37. $content.='<p class="down-price">Lucky~~~,这是一个免费资源,您可以免费下载</p>';
  38. }
  39. if($price || $memberDown == 4){
  40. $content.='<p class="down-ordinary">';
  41. global $wpdb;
  42. $user_info=wp_get_current_user();
  43. $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);
  44. if($memberDown > 1 && $userType==false)
  45. {
  46. if($memberDown==3 && $down_info==null)
  47. {
  48. $content.='<strong>VIP用户免费下载</strong>,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  49. }
  50. elseif ($memberDown==2 && $down_info==null)
  51. {
  52. $content.='<strong>VIP用户5折下载</strong>,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  53. }
  54. elseif ($memberDown==5 && $down_info==null)
  55. {
  56. $content.='<strong>VIP用户8折下载</strong>,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  57. }
  58. elseif ($memberDown==6 && $down_info==null)
  59. {
  60. $content.='<strong>包年VIP用户免费下载</strong>,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  61. }
  62. elseif ($memberDown==7 && $down_info==null)
  63. {
  64. $content.='<strong>终身VIP用户免费下载</strong>,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  65. }
  66. }
  67. if($memberDown==4 && $userType==FALSE)
  68. {
  69. $content.='仅对VIP用户开放下载,<a href="'.$erphp_url_front_vip.'">升级VIP</a><br/>';
  70. }
  71. else 
  72. {
  73. if($userType && $memberDown > 1)
  74. {
  75. $msg='<i class="fa fa-download" aria-hidden="true"></i> 下载地址:&nbsp;';
  76. if($memberDown==3 || $memberDown==4)
  77. {
  78. $msg.='您是VIP用户,可以免费下载此资源!';
  79. $content.=$msg."<a href=".constant("erphpdown").'download.php?postid='.get_the_ID()." target='_blank'>进入下载页面</a>";
  80. }
  81. elseif ($memberDown==2 && $down_info==null)
  82. {
  83. $msg.='您是VIP用户,可以5折(价格为:'.($price*0.5).get_option('ice_name_alipay').')购买下载此资源!';
  84. $content.=$msg.'<a class=iframe href='.constant("erphpdown").
  85. 'icealipay-pay-center.php?postid='.get_the_ID().' target='_blank'>立即购买</a>';
  86. }
  87. elseif ($memberDown==5 && $down_info==null)
  88. {
  89. $msg.='您是VIP用户,可以8折(价格为:'.($price*0.8).get_option('ice_name_alipay').')购买下载此资源!';
  90. $content.=$msg.'<a class=iframe href='.constant("erphpdown").
  91. 'icealipay-pay-center.php?postid='.get_the_ID().' target='_blank'>立即购买</a>';
  92. }
  93. elseif ($memberDown==6 && $down_info==null)
  94. {
  95. if($userType == 9){
  96. $msg.='您是包年VIP用户,可以免费下载此资源!';
  97. $content.=$msg."<a href=".constant("erphpdown").'download.php?postid='.get_the_ID()." target='_blank'>进入下载页面</a>";
  98. }elseif($userType == 10){
  99. $msg.='您是终身VIP用户,可以免费下载此资源!';
  100. $content.=$msg."<a href=".constant("erphpdown").'download.php?postid='.get_the_ID()." target='_blank'>进入下载页面</a>";
  101. }else{
  102. $msg.='您是VIP用户,原价购买下载此资源!(年费VIP用户免费)';
  103. $content.=$msg.'<a class=iframe href='.constant("erphpdown").
  104. 'icealipay-pay-center.php?postid='.get_the_ID().' target='_blank'>立即购买</a>';
  105. }
  106. }
  107. elseif ($memberDown==7 && $down_info==null)
  108. {
  109. if($userType == 10){
  110. $msg.='您是终身VIP用户,可以免费下载此资源!';
  111. $content.=$msg."<a href=".constant("erphpdown").'download.php?postid='.get_the_ID()." target='_blank'>进入下载页面</a>";
  112. }else{
  113. $msg.='您是VIP用户,原价购买下载此资源!(终身VIP用户免费)';
  114. $content.=$msg.'<a class=iframe href='.constant("erphpdown").
  115. 'icealipay-pay-center.php?postid='.get_the_ID().' target='_blank'>立即购买</a>';
  116. }
  117. }
  118. elseif($down_info)
  119. {
  120. $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());
  121. $content.='<i class="fa fa-download" aria-hidden="true"></i> 秋叶提醒:您已购买过,可直接去下载!<a href='.constant("erphpdown").
  122. 'download.php?url='.$ice_url.' target="_blank">进入下载页面</a>';
  123. }
  124. }
  125. else 
  126. {
  127. if($down_info && $down_info->ice_price > 0)
  128. {
  129. $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());
  130. $content.='<i class="fa fa-download" aria-hidden="true"></i> 秋叶提醒:您已购买过,可直接去下载!<a href='.constant("erphpdown").
  131. 'download.php?url='.$ice_url.' target="_blank">进入下载页面</a>';
  132. }
  133. else 
  134. {
  135. $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>';
  136. }
  137. }
  138. }
  139. $content.='</p>';
  140. }else{
  141. $content.='<p class="down-ordinary"><i class="fa fa-download" aria-hidden="true"></i>  下载地址:&nbsp秋叶资源网(blog.quietguoguo.com)>>><a href="'.constant("erphpdown").'download.php?postid='.get_the_ID().'" target="_blank">进入下载页面</a></p>';
  142. }
  143. }
  144. else {
  145. $content.='<p class="down-hidden">隐藏内容:******,购买后可见!</p>';
  146. $content.='<p class="down-price">下载价格:<span>'.$price.'</span>&nbsp;'.get_option('ice_name_alipay').'</p>';
  147. $content.='<p class="down-ordinary">';
  148. $content.='您需要先<a href="'.$erphp_url_front_login.'" target="_blank" class="erphp-login-must">登录</a>后,才能购买资源</p>';
  149. }
  150. if(get_option('ice_tips')) $content.='<p class="down-tip">'.get_option('ice_tips').'</p>';
  151. $content.='</div></div>';
  152. }elseif($start_see){
  153. if(is_user_logged_in())
  154. {
  155. global $wpdb;
  156. $user_info=wp_get_current_user();
  157. $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);
  158. if( ($userType && ($memberDown==3 || $memberDown==4)) || ($down_info && $down_info->ice_price > 0) || ($memberDown==6 && $userType >= 9) || ($memberDown==7 && $userType == 10) ){
  159. return $content;
  160. }else{
  161. $content2='<div class="erphpdown" id="erphpdown"><div class="down-detail">';
  162. $content2.='<h5>内容查看</h5>';
  163. if($price){
  164. $content2.='<p class="down-price">查看价格:<span>'.$price.'</span>&nbsp;'.get_option('ice_name_alipay').'</p>';
  165. }
  166. $content2.='<p class="down-ordinary">';
  167. if($memberDown > 1 && $userType==false)
  168. {
  169. if($memberDown==3)
  170. {
  171. $content2.='<strong>VIP用户免费查看</strong>,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  172. }
  173. elseif ($memberDown==2)
  174. {
  175. $content2.='<strong>VIP用户5折查看</strong>,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  176. }
  177. elseif ($memberDown==5)
  178. {
  179. $content2.='<strong>VIP用户8折查看</strong>,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  180. }
  181. elseif ($memberDown==6)
  182. {
  183. $content2.='<strong>包年VIP用户免费查看</strong>,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  184. }
  185. elseif ($memberDown==7)
  186. {
  187. $content2.='<strong>终身VIP用户免费查看</strong>,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  188. }
  189. }
  190. if($memberDown==4 && $userType==FALSE)
  191. {
  192. $content2.='<strong>仅对VIP用户开放查看</strong>,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  193. }
  194. else 
  195. {
  196. if($userType && $memberDown > 1)
  197. {
  198. if ($memberDown==2 && $down_info==null)
  199. {
  200. $msg.='您是VIP用户,可以5折(价格为:'.($price*0.5).get_option('ice_name_alipay').')购买查看此内容!';
  201. $content2.=$msg.'<a class='iframe' href='.constant("erphpdown").
  202. 'icealipay-pay-center.php?postid='.get_the_ID().' target='_blank'>立即购买</a>';
  203. }
  204. elseif ($memberDown==5 && $down_info==null)
  205. {
  206. $msg.='您是VIP用户,可以8折(价格为:'.($price*0.8).get_option('ice_name_alipay').')购买查看此内容!';
  207. $content2.=$msg.'<a class='iframe'  href='.constant("erphpdown").
  208. 'icealipay-pay-center.php?postid='.get_the_ID().' target='_blank'>立即购买</a>';
  209. }
  210. elseif ($memberDown==6 && $down_info==null)
  211. {
  212. if($userType < 9){
  213. $msg.='您是VIP用户,原价购买查看此内容!(包年VIP用户免费查看)';
  214. $content2.=$msg.'<a class='iframe'  href='.constant("erphpdown").
  215. 'icealipay-pay-center.php?postid='.get_the_ID().' target='_blank'>立即购买</a>';
  216. }
  217. }
  218. elseif ($memberDown==7 && $down_info==null)
  219. {
  220. if($userType < 10){
  221. $msg.='您是VIP用户,原价购买查看此内容!(终身VIP用户免费查看)';
  222. $content2.=$msg.'<a class='iframe'  href='.constant("erphpdown").
  223. 'icealipay-pay-center.php?postid='.get_the_ID().' target='_blank'>立即购买</a>';
  224. }
  225. }
  226. }
  227. else 
  228. {
  229. if($down_info  && $down_info->ice_price > 0){
  230. }else {
  231. $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>';
  232. }
  233. }
  234. }
  235. }
  236. }else{
  237. $content2='<div class="erphpdown" id="erphpdown"><div class="down-detail">';
  238. $content2.='<h5>内容查看</h5>';
  239. $content2.='<p class="down-price">查看价格:<span>'.$price.'</span>&nbsp;'.get_option('ice_name_alipay').'</p>';
  240. $content2.='<p class="down-ordinary">';
  241. $content2.='您需要先<a href="'.$erphp_url_front_login.'" target="_blank" class="erphp-login-must">登录</a>后,才能购买查看内容</p>';
  242. }
  243. $content2.='</div></div>';
  244. return $content2;
  245. }elseif($start_see2){
  246.  
  247. if(is_user_logged_in())
  248. {
  249. global $wpdb;
  250. $user_info=wp_get_current_user();
  251. $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);
  252. if( (($memberDown==3 || $memberDown==4) && $userType) || ($down_info && $down_info->ice_price > 0) || ($memberDown==6 && $userType >= 9) || ($memberDown==7 && $userType == 10)){
  253. //
  254. }else{
  255. $content.='<div class="erphpdown" id="erphpdown"><div class="down-detail">';
  256. $content.='<h5>内容查看</h5>';
  257. if($price){
  258. $content.='<p class="down-price">查看价格:<span>'.$price.'</span>&nbsp;'.get_option('ice_name_alipay').'</p>';
  259. }
  260. $content.='<p class="down-ordinary">';
  261. if($memberDown > 1 && $userType==false)
  262. {
  263. if($memberDown==3 && $down_info==null)
  264. {
  265. $content.='<strong>VIP用户免费查看隐藏内容</strong>,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  266. }
  267. elseif ($memberDown==2 && $down_info==null)
  268. {
  269. $content.='<strong>VIP用户5折查看隐藏内容</strong>,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  270. }
  271. elseif ($memberDown==5 && $down_info==null)
  272. {
  273. $content.='<strong>VIP用户8折查看隐藏内容</strong>,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  274. }
  275. elseif ($memberDown==6 && $down_info==null)
  276. {
  277. $content.='<strong>包年VIP用户免费查看</strong>,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  278. }
  279. elseif ($memberDown==7 && $down_info==null)
  280. {
  281. $content.='<strong>终身VIP用户免费查看</strong>,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  282. }
  283. }
  284. if($memberDown==4 && $userType==FALSE){
  285. $content.='仅对VIP用户开放查看隐藏内容,<a href="'.$erphp_url_front_vip.'" target="_blank">升级VIP</a><br/>';
  286. }
  287. else 
  288. {
  289. if($userType && $memberDown > 1)
  290. {
  291. if ($memberDown==2 && $down_info==null)
  292. {
  293. $msg.='您是VIP用户,可以5折(价格为:'.($price*0.5).get_option('ice_name_alipay').')购买查看此隐藏内容!';
  294. $content.=$msg.'<a class=iframe href='.constant("erphpdown").'icealipay-pay-center.php?postid='.get_the_ID().' target='_blank'>立即购买</a>';
  295. }
  296. elseif ($memberDown==5 && $down_info==null)
  297. {
  298. $msg.='您是VIP用户,可以8折(价格为:'.($price*0.8).get_option('ice_name_alipay').')购买查看此隐藏内容!';
  299. $content.=$msg.'<a class=iframe href='.constant("erphpdown").
  300. 'icealipay-pay-center.php?postid='.get_the_ID().' target='_blank'>立即购买</a>';
  301. }
  302. elseif ($memberDown==6 && $down_info==null)
  303. {
  304. if($userType < 9){
  305. $msg.='您是VIP用户,原价购买查看此隐藏内容!(包年VIP用户免费查看)';
  306. $content.=$msg.'<a class=iframe href='.constant("erphpdown").
  307. 'icealipay-pay-center.php?postid='.get_the_ID().' target='_blank'>立即购买</a>';
  308. }
  309. }
  310. elseif ($memberDown==7 && $down_info==null)
  311. {
  312. if($userType < 10){
  313. $msg.='您是VIP用户,原价购买查看此隐藏内容!(终身VIP用户免费查看)';
  314. $content.=$msg.'<a class=iframe href='.constant("erphpdown").
  315. 'icealipay-pay-center.php?postid='.get_the_ID().' target='_blank'>立即购买</a>';
  316. }
  317. }
  318. }
  319. else 
  320. {
  321. $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>';
  322. }
  323. }
  324. $content.='</p>';
  325. if(get_option('ice_tips')) $content.='<p class="down-tip">'.get_option('ice_tips').'</p>';
  326. $content.='</div></div>';
  327. }
  328. }
  329. else {
  330. $content.='<div class="erphpdown" id="erphpdown"><div class="down-detail">';
  331. $content.='<h5>内容查看</h5>';
  332. $content.='<p class="down-price">查看价格:<span>'.$price.'</span>&nbsp;'.get_option('ice_name_alipay').'</p>';
  333. $content.='<p class="down-ordinary">';
  334. $content.='您需要先<a href="'.$erphp_url_front_login.'" target="_blank" class="erphp-login-must">登录</a>后,才能购买查看隐藏内容!</p>';
  335. if(get_option('ice_tips')) $content.='<p class="down-tip">'.get_option('ice_tips').'</p>';
  336. $content.='</div></div>';
  337. }
  338.  
  339. }
  340. }
  341. return $content;
  342. }
  343. add_action('the_content','erphpdown_content_show');
在这里给大家提供一个修改小技巧,由于文件中很多内容是重复的,大家可以直接CTRL+F查找并替换一下即可。

download.php文件修改

与diy.php文件一样,download.php文件同样位于插件的根目录下,该文件内容主要用于判断用户状态的,不建议做太多修改,我也仅仅是将文件最下面一些无关紧要的代码做了些简单的修改。

修改前的代码:

  1.     foreach ($downList as $k=>$v)
  2.     {
  3.     $downMsg.="文件".($k+1)."地址:<a href='download.php?postid=".$postid."&url=".$down_info->ice_url."&key=".($k+1)."' targert='_blank'>点击下载</a><br/>";
  4.     }
  5. $hiddens = get_post_meta($pp,'hidden_content',true);
  6. if($hiddens){
  7. $downMsg .='<br /><p><h3>隐藏信息:</h3></p><p>'.$hiddens.'</p>';
  8. }
  9.     showMsg($downMsg);
修改后的代码:

  1. foreach ($downList as $k=>$v)
  2.     {
  3.     $downMsg.="<p>文件地址".($k+1).":<a href='download.php?postid=".$postid."&url=".$down_info->ice_url."&key=".($k+1)."' target='_blank'>点击下载</a><br/></p>";
  4.     }
  5. $hiddens = get_post_meta($pp,'hidden_content',true);
  6. if($hiddens){
  7. $downMsg .='<h1 style="text-align: center;">隐藏信息</h1><p>'.$hiddens.'</p>';
  8. }
  9.     showMsg($downMsg);
未做太多修改,仅将几个标签替换为自己设置好CSS样式的标签以更好地融合进下载页面。

erphpdown.css文件修改

erphpdown.css文件位于erphpdown插件的static文件夹下,该文件包含一些控制下载页面样式的内容,对于该文件我主要是修改了#erphpdown-download 及 #erphpdown-download h1 的样式,并为其添加了一个p标签的样式以方便对下载页面文本的样式控制。修改完成后的代码如下:

  1. #erphpdown-download{
  2. margin:16px auto 0;
  3. font-family:'Microsoft Yahei','Sans-serif';
  4. font-size:15px;
  5. color: #868686;
  6. width: 800px;
  7. text-indent: 2em;
  8. min-height: 240px;
  9. border: 1px solid #aabbcc;
  10. border-radius:3px;
  11. padding: 0px 0px 8px;
  12. }
  13.  
  14. #erphpdown-download h1{
  15. font-size:18;
  16. color: #888888;
  17. font-weight:bold; 
  18. background-color: #EFEFEF;
  19. margin:20px 0;
  20. border-bottom: 0px solid #12b4f0;
  21. padding: 8px 12px;
  22. border-left: 8px solid #24b4f0;
  23. margin:18px 0px;
  24. }
  25.  
  26. #erphpdown-download p{
  27. color: #868686; 
  28. text-indent: 2em;
  29. padding: 6px 18px 8px;
  30. }
此次对erphpdown下载页面的修改需要改动的文件比较多,这里给大家提供一下我修改后的这几个文件的下载,大家可以将文件下载下来后做简单修改直接覆盖掉插件目录下的对应文件即可。
隐藏内容,您需要满足以下条件方可查看

人已赞赏
2 条回复 A文章作者 M管理员
  1. 不错

个人中心
今日签到
有新消息 消息中心
有新私信 私信列表
搜索