• 记录下对WordPress源代码的修改
  • 厉害
  • 说说可以了吧
  • 现在开始可以更方便的插入无序列表了,使用短代码
  • 你知道吗?在论坛输入233会变成一个表情哦 =.=,就是这个 :mrgreen:
  • 安装了TT-RSS,然后发现暂时不支持PHP7,然后又删除了,继续用inoreader吧,其实这个用着还好的,恩,很好
  • 前几天在黑莓应用市场居然发现了新安装应用,最重要的是几天后我居然收到了更新推送
  • 发个说说表示下存在感
  • 重写CMS,目前在本地做实验,希望能成功
  • 图床小书签,其实也很简单,只是用一个js弹窗伪造的小书签23333

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

WordPress 云落 2年前 (2016-05-13) 281次浏览 已收录 6个评论
文章目录[隐藏]

简单代码,给WordPress主题添加单页下载功能

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

前言

前几天有个朋友在扣扣上向我咨询下载单页的使用,我今天正好在学车,用手机打字在写下,也顺便给其他有需要的朋友们看看。

介绍

首先简单介绍下下载单页,一般来说下载单页就是在当前文章页插入一个按钮或者一个面板,点击之后的下载文件是在一个单独的页面的,这样的好处就是可以增加很多的下载说明以及广告,另外这样也可以增加访客的浏览量。我上次看到有人用安装2个WordPress来实现这个功能也是醉醉的。

开始

因为云落的Git主题是自带的下载单页的功能的,所以云落就拿WordPress的默认主题来做吧,就是20主题。本次教程重在功能代码,不在美化代码,所以云落只是简单做出差不多的东西就可以了,正所谓授人以鱼不如授人以渔是吧。

第一步,增加页面

首先第一步就是给主题增加一个页面,找到主题的默认页面文件,一般叫page.php,将他复制一份,重命名为download.php,然后就是对这个文件稍微改改了。

第二步,修改下载模板

首先打开download.php文件,将

<?php
get_header();
?>

替换为下面这段代码

<?php
/*
	template name: 下载模板页面
	description: template for WordPress theme
*/
get_header();
?>

然后在下面添加这短代码

<?php
$pid = isset( $_GET['pid'] ) ? trim(htmlspecialchars($_GET['pid'], ENT_QUOTES)) : '';
if( !$pid ) { wp_redirect( home_url() );}
$title = get_the_title($pid);
$values1 = get_post_custom_values('download_name',$pid);
empty($values1) ? Header('Location:/') : $theCode1 = $values1[0];
$values2 = get_post_custom_values('download_size',$pid);
empty($values2) ? Header('Location:/') : $theCode2 = $values2[0];
$values3 = get_post_custom_values('download_link',$pid);
empty($values3) ? Header('Location:/') : $theCode3 = $values3[0];
?>

其实上面这段代码才是下载单页的核心代码,看上去也是很简单吧。
然后在下面合适的地方放入以下代码,这里就是你用来显示下载文件信息的地方,具体地址你们自己看吧。

            <h2>资源信息</h2>
			<div class="alert alert-success">
			<ul class="infos clearfix">
                <li>资源名称:<?php echo $theCode1; ?></li>
				<li>文件大小:<?php echo $theCode2; ?></li>
				<li>更新日期:<?php echo get_post($pid)->post_modified; ?></li>
				</ul>
			</div>
            <h2>下载地址</h2>
            <div id="filelink">
				<center><?php echo $theCode3; ?></center>
            </div>
			<div class="clearfix"></div>
            <h2>下载说明</h2>
			<div class="alert alert-info" role="alert">
            下载说明文字, 下载说明文字, 下载说明文字, 下载说明文字, 下载说明文字, 下载说明文字, 下载说明文字
            </div>
            <h2>免责声明</h2>
			<div class="alert alert-warning" role="alert">
			免责声明文字, 下载说明文字, 下载说明文字, 下载说明文字, 下载说明文字, 下载说明文字, 下载说明文字, 下载说明文字, 下载说明文字
			</div>

经过上面的修改,这个文件就可以保存了,记住编码是utf-8的哦。

新建页面

打开后台,新建页面,选择模板,应该会有一个下载模板页面,选择那个,然后页面名字就叫下载中心吧,然后页面的别名就是download,其实如果你觉得页面名字英文的不太好,也可以写做其他名字,但是别名一定要是download,也就是说这个页面的URL应该是这样的http://localhost/download,做好之后发布就好了,别去访问页面哦,一般来说页面会自动回到首页的,这个页面是不可以直接访问的,这里就做的可以了,进入下一个步骤。
纯代码给WordPress网站添加独立下载页面功能

建立短代码

打开主题的functions.php文件,把下面代码放进去

//下载单页短代码
function page_download($atts, $content = null) {
    return '<a class="lhb" href="'.site_url().'/download?pid='.get_the_ID().'" target="_blank" rel="nofollow">' . $content . '</a>';
}
add_shortcode('pdownload', 'page_download');

嗯,这样就可以了,这段代码为了建立download短代码的,但是还没有结束,接着看下一步。

添加编辑器按钮

这里说的按钮是WordPress默认编辑器,而且是文本编辑器,在functions.php添加下面代码就可以了。

//添加编辑器按钮
function download_tags($mce_settings) {
?>
<script type="text/javascript">
QTags.addButton( 'hy_download', '下载按钮', '[pdownload]', '[/pdownload]' );
function download_shortcode() {
}
</script>
<?php
}
add_action('after_wp_tiny_mce', 'download_tags');

纯代码给WordPress网站添加独立下载页面功能
使用这段代码可以在WordPress文本编辑器出来一个按钮,使用的时候先写几个字,比如点击下载,然后选择文字之后点击按钮,就好了。做到这里下载单页就做好了,下面说说具体怎么使用吧。

使用方法

做好了开始使用下载单页,我们需要用自定义栏目栏目,发布文章的时候先把自定义栏目打开,然后在自定义栏目那里有一个新建自定义栏目
纯代码给WordPress网站添加独立下载页面功能
输入download_name,然后右侧输入文件的名字,比如:苍老师的那些事.RMVB,继续输入自定义栏目 download_size,然后右侧输入文件的大小,比如:233MB,然后继续输入自定义栏目 download_link,然后右侧输入文件的下载链接,注意,这里需要输入的是A标签代码,比如:点击下载
纯代码给WordPress网站添加独立下载页面功能
这里做好之后,在WordPress文本编辑器输入立刻下载,然后点击按钮包围文字,然后发布文章吧,然后去看看文章,点击下载按钮是不是进入了一个单独的页面。
纯代码给WordPress网站添加独立下载页面功能

后语

效果预览

这是文章页
纯代码给WordPress网站添加独立下载页面功能
这是下载单页
纯代码给WordPress网站添加独立下载页面功能


乐趣公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:纯代码给WordPress网站添加独立下载页面功能
喜欢 (26)
云落
关于作者:

无折腾,不生活,我是一个WordPress菜鸟,一个玩淘宝的卖家,欢迎你认识我,我是云落!

发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(6)个小伙伴在吐槽
  1. 技术贴收藏一下先
    CPA学习网2017-12-20 16:19 回复 Windows 7 | Chrome 63.0.3239.84
  2. 好东西啊,必须收藏一下
    历史趣谈2017-10-31 19:22 回复 Windows 7 | Chrome 45.0.2454.85
  3. 漂亮,这个比插件简洁
    楚狂人博客2017-10-28 15:44 回复 Windows 7 | Chrome 55.0.2883.87
  4. 请问 download?pid=x 如何rewrite成download/x.html?试了很久都不行。
    小何同志2017-10-03 15:31 回复 Windows 7 | Chrome 58.0.3029.110
  5. 这是很不错的原创
    yemxyh2016-11-20 13:11 回复 Windows 7 | Chrome 45.0.2454.101
  6. 找了好长时间终于找到了,博主能不能在发个全一点的教程?
    金蝶财务软件2016-10-19 00:25 回复 Windows 7 | Firefox浏览器 49.0