WordPress短代码shortcode使用方法

时间：2022-06-25 18:55:20 编辑：袖梨来源：一聚教程网

WordPress 从 2.5 的版本开始，增加了一个 shortcode (短代码) API ,类似于 BBS 上的 BBCode ， shortcode 也可以很方便的为文章或页面增加功能，并且 shortcode 的比起 BBCode 更加灵活和强大。下面MK 为大家介绍一下 shortcode 。

一.shortcode 简介

shortcode 可以让开发者通过以函数的形式创建宏内容来生成内容，或许这个概念看上去有点模糊，但实际上它是一个很简单而实用的功能，只要会编写基本的 PHP 函数，即可使用 shortcode ，下文会以实际的例子来说明 shortcode 的使用方法。

二.shortcode 形式

shortcode 支持封闭标签和自闭（自动封闭）标签，并且支持在标签内使用参数，至于 shortcode 具体是何种形式，这就决定于开发者怎样编写这个 shortcode 了。

代码如下

复制代码

[myshortcode]Some Content[/myshortcode] // 封闭标签
[myshortcode] // 自闭标签
[myshortcode title="example"] // 带有一个参数的自闭标签
[myshortcode]

内容

[/myshortcode] // 标签内可以填写文本或 HTML
[myshortcode]Content [myshortcodesecond] more content[/myshortcodesecond] // 也可以嵌套

三.shortcode 例子

在使用 shortcode 前，首先必须在主题的 functions.php 文件中定义 shortcode ，例如：

代码如下

复制代码

function myshortcode_function($atts, $content = null){
// $atts 代表了 shortcode 的各个参数，$content 为标签内的内容
    extract(shortcode_atts(array( // 使用 extract 函数解析标签内的参数
    "title" => '标题' // 给参数赋默认值，下面直接调用 $ 加上参数名输出参数值
    ), $atts));
    // 返回内容
    return '

'. $title .'

'. $content .'

';
}

add_shortcode("msc", "myshortcode_function");

// 注册该 shortcode，以后使用 [msc] 标签调用该 shortcode
把上面的代码添加到 functions.php 中，一个简单的 shortcode 便创建好了，我们可以通过 [msc][/msc]标签调用该 shortcode ，如：

代码如下	复制代码
[msc title="欢迎"]这是明凯博客，欢迎来到本博客[/msc]

在文章或页面内容中输入上面的调用，可以在相应的位置输出一段欢迎语句，在 style.css 中定义相应的 CSS ，即可为短代码赋予样式。

推荐专题

最新下载

热门教程

WordPress短代码shortcode使用方法

'. $title .'

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程