Shortcodes自定义短代码的简单用法

2018年4月7日 1 条评论 1.46k 次阅读 0 人点赞

前言

在给博客大更新的时候,我添加了很多新的CSS样式,比如我很喜欢其中的按钮和仿Mac窗口样式,然而实际上在写文章的时候用起来却很麻烦,常常需要输入大量的Html代码,比如一个仿Mac的白色窗口,我需要输入

这样四行代码才能完全我所需要的样式,很多其他的样式也相对比较复杂且不能简化,所以如果能有一个东西,我再后台输入它,前台就能显示div class=...那一大堆的Html代码就好了,这就用到了WordPress的短代码,在后台输入如[infomation]内容[/infomation]这样的短代码,前台就显示对应的样式(当然前提是已经写了CSS),而这也是短代码的最基本的用法,更进阶的用法可以查看 WordPress Shortcode(短代码):完全指南WordPress Shortcode(简码)介绍及使用详解

添加Shortcode

添加Shortcode是第一步,也是在编辑器添加自定义按钮必不可少的一步,添加了Shortcode之后就能在后台输入类似[infomation]内容[/infomation]的代码了。添加Shortcode不需要添加钩子或者过滤器这样的东西,只需要构造函数然后再add shortcode就行了,在所用主题的functions.php里添加类似如下的代码

另外需注意,自定义的变量名不能出现-,比如不能定义为mac-light,还有就是同一类型的短代码嵌套会翻车,系统不知道哪个权重更高,比如本文的代码部分差点就翻车,在后台编辑的时候从文本切换成可视化时也会出现BUG

WordPress给编辑器添加自定义按钮

Hungway

Hungway

If not me,who?If not now,when?

文章评论(1)

  • test

    dawd :razz:

    2019年7月7日