看到他人的博客有五颜六色的框框和好看的下载样式，问了博友回答是一种短代码，然后迷上了短代码。

不知道从何入手，看了大发 的博客算是有一点了解。 转而又下载了Newer_plus5.0主题，在里面找到了代码原型代码shortcode.php。

测试了这个主题，发现有代码链接，就是没有CSS样式，自己搞了几个小时，算是把样式弄全了。不过没有Newer主题之短代码大乱斗里面的好看，随逐直接引用文章里的原CSS样式跟可爱的png图标。
这个短代码我直接打包，按照下面的方法进行设置即可正常使用。 先看看这些短代码的样式：

[red]下载面板
我们从来到这世界的那一刻起，就开始了走上漫漫的人生旅途，每个人的故事都是在自己的哭声中开始，在别人的哭声中结束。每个人的生命都有自己独特的美丽，怎样让自己的人生笑容灿烂，怎样让自己的人生绚丽多彩，需要的是一种积极的心态。[/red]

[warning]警告面板
颠狂的马，往往是容易闪失；慌张的人，时常会出乱子 [/warning]
[author]介绍面板
人生，短暂也好，漫长也好，需要我们用心去感悟，用心去品味。[/author]

 

[butheart href="#"]爱心链接[/butheart]  [butdown href="#"]下载链接[/butdown]  [butdocument href="#"]文档阅读[/butdocument]

[butmusic href="#"]音乐下载[/butmusic]  [butdown href="#"]下载链接[/butdown] [butlink href="#"]友情链接[/butlink]
[music]http://zhangmenshiting.baidu.com/data2/music/14953359/149508041354993261.mp3?xcode=eba5d74e6809fafd23d614f88ac17286[/music]  MP3播放器
上面就是所有的短代码样式。其实就我而言用2,3个样式就很不错了，不过这里有成品代码就不删减了。如果你嫌多了，可以精简一下保留自己需要的功能，或者更改下每个框框的底纹颜色。

[tutorial]下面开始进入正题
下载文章末尾的文件，解压出来文件夹shortcode放到你的主题目录下，在主题文件functions.php的结置?>代码上一行加一句：[/tutorial]

include_once('shortcode/shortcode.php');

最后将shortcode文件夹里的code.css内容复制到主题自带的style.css结尾处

做完这些新建文章就可以看到输入面板插入短代码的按钮：

 

[butdown href="https://cheen.cn/wp-content/uploads/file/shortcode.zip"]短代码PHP下载[/butdown]
Ps:这个主题的短代码已经更新！