首页 » WordPress » 浏览内容

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


2014-01-25 23:05:54 1,471 views 0 发表评论 字体: 作者:C.K.

短代码介绍

我们的网站经常回发布些软件、文件、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]

评论 0 条回应 (访客:0 条, 博主:0 条) 发表

  1. 暂无评论,快抢沙发吧。

发表评论

  • 插入图像

要发表评论,您必须先登录