WordPress 手札 – 给你的文章里插入短代码

撰写于:2012 年 12 月 10 日 16:26 | 分类 :WordPress | WordPress 手札 – 给你的文章里插入短代码有20条评论 | 热度:24070℃

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

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

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

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


警告面板
颠狂的马,往往是容易闪失;慌张的人,时常会出乱子

介绍面板
人生,短暂也好,漫长也好,需要我们用心去感悟,用心去品味。

 

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

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

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

include_once(‘shortcode/shortcode.php’);

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

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

 

短代码PHP下载
Ps:这个主题的短代码已经更新!



» 标签:

评论 8

  1. 闲人森 回复
    2013/05/02 10:50 Firefox 20.0 Windows 7 x64 Edition

    短代码名称不能修改吗?比如修改为[a][/a]比较好记的。

    • 2013/05/02 16:27 Google Chrome 26.0.1410.64 Windows 7

      修改短代码的文件shortcode.php
      例如修改down在
      add_shortcode(‘down’ , ‘downbox’ );对应的第一个参数down改成你想要的
      然后在最后
      QTags.addButton( ‘m2’, ‘下载面板’, ‘[down]这里输入内容[/down]’);
      修改对应的参数。

      应该是这样的

  2. 2013/02/28 23:29 Firefox 19.0 Windows 8

    我都按照你写的做了 但一进入后台就显示错误信息 ➡ ➡ ➡ ➡ ➡
    求解

    • 2013/03/02 16:51 Google Chrome 25.0.1364.97 Windows 7

      会不会和你那里的语言有关系?

  3. 2012/12/16 07:16 UC Browser 8.6.0.180 Nokia 5220

    我一般都是找现成的教程,不怎么在别人的主题扣功能,不过如果别人的主题功能非常强大,我非常乐意,哈哈

  4. 2012/12/14 12:18 Google Chrome 23.0.1271.95 Windows 7

    你还折腾上瘾了

  5. 2012/12/12 14:16 Google Chrome 24.0.1290.1 Windows 7 x64 Edition

    我就会把大发的已经弄好的抠出来

    • 2012/12/13 20:00 Internet Explorer 10.0 Windows 7

      咱俩的工作是一样的。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*





无觅相关文章插件,快速提升流量