添加短代码


20131019a

无意中从网上找到一些比较好看的添加短代码方法,

遂拿来删减后给自己的网站用上了。

但为了以防止日后遗忘,

留文备用。

[warning]以下非原创内容,均转自网络。[/warning]

先将下面的文件解压至主题根目录。

[Downlink href="http://eeeduo.me/wp-content/uploads/2013/10/shortcode.rar"]下载短代码文件[/Downlink]

然后将下面代码扔进functions.php

//警示
function warningbox($atts, $content=null, $code="") { $return = '

'; $return .= $content; $return .= '

'; return $return;}add_shortcode('warning' , 'warningbox' );
//禁止
function nowaybox($atts, $content=null, $code="") { $return = '

'; $return .= $content; $return .= '

'; return $return;}add_shortcode('noway' , 'nowaybox' );
//购买
function buybox($atts, $content=null, $code="") { $return = '

'; $return .= $content; $return .= '

'; return $return;}add_shortcode('buy' , 'buybox' );
//项目版
function taskbox($atts, $content=null, $code="") { $return = '

'; $return .= $content; $return .= '

'; return $return;}add_shortcode('task' , 'taskbox' );
//音乐播放器
function doubanplayer($atts, $content=null){ extract(shortcode_atts(array("auto"=>'0'),$atts)); return ''; }add_shortcode('music','doubanplayer');
//下载链接
function downlink($atts,$content=null){ extract(shortcode_atts(array("href"=>'http://'),$atts)); return '

'; } add_shortcode('Downlink','downlink');

最后将下面文件扔进style.css

/*---Shortcode---*/.shortcodestyle{margin:20px 0px;padding: 15px 15px 15px 80px;position: relative;-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;}.shortcodestyle a{padding:0px;}.shortcodestyle a:hover{background:none;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-khtml-border-radius:0px;}.warning{background: url(shortcode/shortcode/bell.png) no-repeat scroll 15px 15px #FFEA97;border: 1px solid #E1B400;color: #9F6F26;}.warning a{ color:#A84A1E;border-bottom:1px dotted #A84A1E;}.warning a:hover{color:#A84A1E;border-bottom:1px solid #A84A1E; }.noway{background: url(shortcode/shortcode/noway.png) no-repeat scroll 15px 15px #EFCEC9;border: 1px solid #BE1F1F;color: #820B0B;}.noway a{ color: #F60;border-bottom:1px dotted #F60;}.noway a:hover{color:#F60;border-bottom:1px solid #F60; }.buy{background: url(shortcode/shortcode/buy.png) no-repeat scroll 15px 15px #EFF4D4; border: 1px solid #8FAD3D;color: #779B39;}.buy a{color: #2b2b2b;border-bottom:1px dotted #2b2b2b;}.buy a:hover{color:#2b2b2b;border-bottom:1px solid #2b2b2b; }.task{background: url(shortcode/shortcode/clipboard.png) no-repeat scroll 15px 15px #E7E7E7; border: 1px solid #aaa;color: #333;}.task a{ color: #4B7126;border-bottom:1px dotted #4B7126;}.task a:hover{color:#4B7126;border-bottom:1px solid #4B7126; }.shortcodestyle,.warning,.noway,.buy,.task p{text-indent: 0;}.but_down { margin:10px 0}.but_down a{float:left;display:block;background:transparent url(shortcode/shortcode/dlbutton.png) no-repeat left top;border:none;padding:0 0 0 60px;height:33px;font-family: 'Century Gothic',"Microsoft YaHei", Trebuchet MS, Arial, Tahoma, sans-serif;color:#046BB0;text-decoration:none;text-shadow:0 1px 1px #fff;}.but_down a span{float:left;display:block;background:transparent url(shortcode/shortcode/dlbutton.png) no-repeat right top;padding:0 10px 0 0;line-height:33px;cursor:pointer;}.but_down a:hover{color:#E23A0A;text-shadow:0 1px 1px #fff;background:transparent url(shortcode/shortcode/dlbutton.png) no-repeat left top;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-khtml-border-radius:0px;}

现在所有操作都已完成。

下面是各种段代码以及相应的效果。

1、灰色项目面板代码:

[task]示例文字[/task]

效果:

[task]示例文字[/task]

2、红色禁止面板代码:

[noway]示例文字[/noway]

效果:

[noway]示例文字[/noway]

3、黄色警告面板:

[warning]示例文字[/warning]

效果:

[warning]示例文字[/warning]

4、绿色购买面板:

[buy]示例文字[/buy]

效果:

[buy]示例文字[/buy]

5、下载样式:

[Downlink href="http://www.xxx.com/xxx.zip"]下载XXX文件[/Downlink]

效果:

[Downlink href=""]下载XXX文件[/Downlink]

6、音乐播放器:

默认不自动播放:[music]http://www.xxx.com/xxx.mp3[/music]
自动播放:[music auto=1]http://www.xxx.com/xxx.mp3[/music]

效果:

[music][/music]

 

友荐云推荐

声明:耳耳耳朵|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - 添加短代码


往前一步,或是海阔天空,或是万丈深渊