如何创建 WordPress 短代码

WordPress 短代码是一种将一些复杂的代码或 HTML 变成简单易记的短代码格式，方便在 WordPress 编辑器中使用。例如，你可以用 [gallery] 短代码来插入一组图片。

在本文中，我们将介绍如何创建自己的 WordPress 短代码。下文使用 PHP 语言作为创建短代码的语言。

创建一个简单的短代码

首先，我们需要在 functions.php 文件中注册我们的短代码。我们使用 add_shortcode 函数来添加一个名为 myshortcode 的短代码：

add_shortcode( 'myshortcode', 'my_shortcode_output' );

接下来，我们需要定义 my_shortcode_output 函数，该函数将在调用短代码时执行短代码的输出。我们可以将该代码插入我们的 functions.php 文件：

function my_shortcode_output() {
    return 'Hello, World!';
}

现在我们已经创建了一个名为 myshortcode 的短代码。在 WordPress 编辑器中，我们将输入 [myshortcode] 并在页面中显示 Hello, World!。

带参数的短代码

我们还可以创建带参数的短代码。例如，我们可以创建一个带有 color 参数的短代码，该参数会改变输出的文本颜色。

function my_shortcode_output( $atts ) {
    $atts = shortcode_atts( array(
        'color' => 'red',
    ), $atts );
    return '<span style="color:' . esc_attr( $atts['color'] ) . '">Hello, World!</span>';
}

add_shortcode( 'myshortcode', 'my_shortcode_output' );

从上面的代码中，我们可以看到 $atts 变量包含了所有传递给短代码的参数。我们使用 shortcode_atts 函数来定义可用的参数，如果参数没有传递，则使用默认值。esc_attr 函数用于转义 style 属性的值。

在 WordPress 编辑器中，我们将输入 [myshortcode color="blue"] 并在页面中显示蓝色文本。

结论

以上是如何创建自己的 WordPress 短代码的简单教程。创建自己的短代码可以使 WordPress 编辑器的使用更加方便。记得遵循 WordPress 开发最佳实践，并仔细检查代码以确保它是安全的。

# 如何创建 WordPress 短代码

WordPress 短代码是一种将一些复杂的代码或 HTML 变成简单易记的短代码格式，方便在 WordPress 编辑器中使用。例如，你可以用 `[gallery]` 短代码来插入一组图片。

在本文中，我们将介绍如何创建自己的 WordPress 短代码。下文使用 PHP 语言作为创建短代码的语言。

## 创建一个简单的短代码

首先，我们需要在 `functions.php` 文件中注册我们的短代码。我们使用 `add_shortcode` 函数来添加一个名为 `myshortcode` 的短代码：

```php
add_shortcode( 'myshortcode', 'my_shortcode_output' );

接下来，我们需要定义 my_shortcode_output 函数，该函数将在调用短代码时执行短代码的输出。我们可以将该代码插入我们的 functions.php 文件：

function my_shortcode_output() {
    return 'Hello, World!';
}

现在我们已经创建了一个名为 myshortcode 的短代码。在 WordPress 编辑器中，我们将输入 [myshortcode] 并在页面中显示 Hello, World!。

带参数的短代码

我们还可以创建带参数的短代码。例如，我们可以创建一个带有 color 参数的短代码，该参数会改变输出的文本颜色。

function my_shortcode_output( $atts ) {
    $atts = shortcode_atts( array(
        'color' => 'red',
    ), $atts );
    return '<span style="color:' . esc_attr( $atts['color'] ) . '">Hello, World!</span>';
}

add_shortcode( 'myshortcode', 'my_shortcode_output' );

从上面的代码中，我们可以看到 $atts 变量包含了所有传递给短代码的参数。我们使用 shortcode_atts 函数来定义可用的参数，如果参数没有传递，则使用默认值。esc_attr 函数用于转义 style 属性的值。

在 WordPress 编辑器中，我们将输入 [myshortcode color="blue"] 并在页面中显示蓝色文本。

结论

以上是如何创建自己的 WordPress 短代码的简单教程。创建自己的短代码可以使 WordPress 编辑器的使用更加方便。记得遵循 WordPress 开发最佳实践，并仔细检查代码以确保它是安全的。