纯代码给WordPress网站添加独立下载页面

首先简朴先容下下载单页,刚最先的解决方式是使用插件实现wordpress自力下载页面的功效,一样平常来说下载单页就是在当前文章页插入一个按钮或者一个面板,点击之后的下载文件是在一个单独的页面的,这样的利益就是可以增添许多的下载说明以及广告,另外这样也可以增添访客的浏览量。单元我们主要想实现的功效是:点击文章中的下载列表,会跳转到一个自力的页面上去,上面会有下载地址,而且有文件先容,还可以放置广告。着实这个功效许多的wordpress主题网站都实现了,下面简述下本站实现纯代码给WordPress网站添加自力下载页面功效的历程:

第一步:

首先第一步就是给主题增添一个页面,将下面代码复制并保留为 download.php。

  1.     <?php
  2.     /*
  3.         template name: 下载模板页面
  4.         description: template for Git theme
  5.     */
  6.     get_header();
  7.     $pid = isset( $_GET['pid'] ) ? trim(htmlspecialchars($_GET['pid'], ENT_QUOTES)) : '';
  8.     if( !$pid ) { wp_redirect( home_url() );}
  9.     $title = get_the_title($pid);
  10.     $values1 = get_post_custom_values('git_download_name',$pid);
  11.     emptyempty($values1) ? Header('Location:/') : $theCode1 = $values1[0];
  12.     $values2 = get_post_custom_values('git_download_size',$pid);
  13.     emptyempty($values2) ? Header('Location:/') : $theCode2 = $values2[0];
  14.     $values3 = get_post_custom_values('git_download_link',$pid);
  15.     emptyempty($values3) ? Header('Location:/') : $theCode3 = $values3[0];
  16.     ?>
  17.     <style type="text/css">#filelink a:hover{background:#4094EF none repeat scroll 0 0;color:#FFF!important;transition-duration:.3s;border-color:#FFF}#filelink a{margin:25px 15px 25px 0px;color:#4094EF!important;padding:5px 50px;font-family:微软雅黑,"Microsoft YaHei";font-size:19px;border:1px solid #4094EF;box-shadow:0 1px 3px rgba(0,0,0,.1)}</style>
  18.     <div class="wrap">
  19.         <div id="primary" class="content-area">
  20.             <main id="main" class="site-main" role="main">
  21.                 <?php while (have_posts()) : the_post(); ?>
  22.                 <div class="article-content">
  23.                 <h2>资源信息</h2>
  24.                 <div class="alert alert-success">
  25.                 <ul class="infos clearfix">
  26.                     <li>资源名称:<?php echo $theCode1; ?></li>
  27.                     <li>文件巨细:<?php echo $theCode2; ?></li>
  28.                     <li>更新日期:<?php echo get_post($pid)->post_modified; ?></li>
  29.                     </ul>
  30.                 </div>
  31.                 <h2>下载地址</h2>
  32.                 <div id="filelink">
  33.                     <center>
  34.                     <?php
  35.                         if ($theCode3) {
  36.                             $git_download_links = explode("\n", $theCode3);
  37.                             foreach ($git_download_links as $git_download_link) {
  38.                                 $git_download_link = explode("  ", $git_download_link);
  39.                                 echo '<a href="' . trim($git_download_link[0]) . '" rel="external nofollow" target="_blank" rel="nofollow" data-original-title="' . esc_attr(trim($git_download_link[2])) . '" title="' . esc_attr(trim($git_download_link[2])) . '">' . trim($git_download_link[1]) . '</a>';
  40.                                 }
  41.                             }
  42.                     ?>
  43.                     </center>
  44.                 </div>
  45.                 <div class="clearfix"></div>
  46.                 <h2>下载说明</h2>
  47.                 <div class="alert alert-info" role="alert">下载说明;下载说明;下载说明;下载说明;下载说明;下载说明</div>
  48.                 <h2>免责声明</h2>
  49.                 <div class="alert alert-warning" role="alert">免责声明;免责声明;免责声明;免责声明;免责声明</div>
  50.                 </div>
  51.             <?php endwhile; ?>
  52.             </main><!-- #main -->
  53.         </div><!-- #primary -->
  54.     </div><!-- .wrap -->
  55.     <?php get_footer();?>

经由上面的修改,这个文件就可以保留了,记着编码是 utf-8(无 bom)的哦,这段代码是在 WordPress 默认主题 17 的默认页面基础上修改的,然后新建页面,别名为 download,选择下载单页模板,然后公布就可以了。这里说下,理论上来说,这里着实就已经做好了下载单页的功效,只是在使用的时刻不利便,不适用,以是为了利便使用还需要继续修改代码。

第二步:

打开后台 >> 新建页面 >> 选择模板,此处选择“下载模板页面”,然后页面名字就叫下载中央吧,然后页面的别名就是 download,着实若是你以为页面名字英文的不太好,也可以写做其他名字,然则别名一定要是 download,也就是说这个页面的 URL 应该是这样的 http://localhost/download,做好之后公布就好了,别去接见页面哦,一样平常来说页面会自动回到首页的,这个页面是不能以直接接见的,这里就做的可以了,进入下一个步骤。

第三步:

打开主题的 functions.php 文件,把下面代码放进去,这个代码是为了增添短代码功效和短代码按钮的

  1.     //下载单页短代码
  2.     function page_download($atts, $content = null) {
  3.         return '<a class="lhb" href="'.site_url().'/download?pid='.get_the_ID().'" rel="external nofollow"  target="_blank" rel="nofollow">点击下载</a>';
  4.     }
  5.     add_shortcode('pdownload', 'page_download');
  6.     //添加编辑器按钮
  7.     function download_tags($mce_settings) {
  8.     ?>
  9.     <script type="text/javascript">
  10.     QTags.addButton( 'hy_download', '下载按钮', '[pdownload]', '' );
  11.     </script>
  12.     <?php
  13.     }
  14.     add_action('after_wp_tiny_mce', 'download_tags');

嗯,这样就可以了,这段代码为了确立 download 短代码按钮的的,然则还没有竣事,接着看下一步。

第四步:

使用下载单页的时刻我们需要用到自界说栏目,公布文章的时刻先把自界说栏目打开(此步操作只需要操作一次以后不用再次操作),然后在自界说栏目那里有一个新建自界说栏目
纯代码给WordPress网站添加独立下载页面
输入 git_download_name,然后右侧输入文件的名字,好比:苍先生的那些事.RMVB,继续输入自界说栏目 git_download_size,然后右侧输入文件的巨细,好比:233MB,然后继续输入自界说栏目 git_download_link,然后右侧输入文件的下载链接
纯代码给WordPress网站添加独立下载页面
注重:这里的链接是需要专门名堂的,名堂为:链接 按钮名字 备注,每个内容中央用两个空格距离,这里做好之后,在 WordPress 文本编辑器点击『下载按钮』,然后公布文章吧,然后去看看文章,点击下载按钮是不是进入了一个单独的页面。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!3308869544
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有猫币奖励和额外收入!

主题镇 WP教程 纯代码给WordPress网站添加独立下载页面 https://zhutizhen.com/14505.html

永远为用户服务的镇长!

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或联络我们。
查看详情

相关文章