wordpress短代码:文件信息及文件下载功能

短代码介绍

我们的网站经常回发布些软件、文件、wordpress主题等等,需要提供文件的信息以及文件下载地址,供访客们浏览下载。每次手动输入这些东西有些麻烦,在此暗淡的黑给大家提供wordpress短代码实现文件信息及文件下载功能。

实现方法

1.打开主题文件夹下的functions.php文件,适当位置添加以下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//下载功能短代码开始
function wenchen_download($atts, $content = null)
{
    global $_POST;
    extract( shortcode_atts( array(
        'title' => ' 文件信息:',
        'info' => '',
        'time' => '',
        'cat' =>'',
        'url' => '下载地址:',
), $atts ) );
  return '<div class="download">
  <div class="download-title"><span>'
.$title.'</span></div><div class="download-text"><span>文件名称:</span>'.$info.'<br><span>分类目录:</span>'.$cat.'<br><span>更新时间:</span>'.$time.'<br><span>'.$url.'</span><a href="'.$href.'" target="_blank"><span>'.$content.'</span></a></div></div>';
}
add_shortcode('download','wenchen_download')
//下载功能短代码结束

2.打开主题文件夹下是style.css文件,添加相应的CSS样式代码。

1
2
3
4
5
6
7
/* 下载功能短代码 */
.download{margin:10px 0 10px 0;padding:5px 15px;border:1px #0a6e18 solid;font-size:14px}
.download a{ margin-right:20px;}
.download-title{height:28px;border-bottom:1px #0a6e18 dashed;color:#f0586c;line-height:28px}
.download .dlspan{float:right;padding:0;width:120px;text-align:center}
.download-text{padding-top:5px;line-height:28px}
.download-link{padding-top:5px;width:120px;text-align:center;line-height:28px}

3.后台发布文章,复制粘贴以下代码,修改相应内容:

1
2
3
4
[download info="wordpress短代码功能" time="2013-06-25 18:10" cat="wordpress"]
<a href="http://www.wenchenhk.com" target="_blank">360网盘</a>
<a href="http://www.wenchenhk.com" target="_blank>百度网盘</a>
[/download]

功能预览

wordpress短代码实现文件下载功能

3.后台发布文章,复制粘贴以下代码,修改相应内容:

1
2
3
4
[download info="wordpress短代码功能" time="2013-06-25 18:10" cat="wordpress"]
<a href="http://www.wenchenhk.com" target="_blank">360网盘</a>
<a href="http://www.wenchenhk.com" target="&quot;_blank">百度网盘</a>
[/download]

源码下载

[download info="wordpress短代码功能" time="2014年1月4日16:22:52" cat="wordpress短代码"]360网盘 百度网盘[/download]