如何在 WordPress 中创建简码

您想学习如何在 WordPress 中创建简码吗？

学习如何在 WordPress 中创建简码是自定义帖子和页面的有效方法。 但是，如果您不熟悉该流程，您可能会发现很难弄清楚如何在您的网站上使用此类功能。

这就是为什么我们整理了一份指南来帮助您入门。 通过查看短代码的工作原理以及如何有效地应用它们，您可以开始根据自己的喜好自定义内容，而无需额外的插件。

在本文中，我们将讨论什么是 WordPress 短代码以及您可能考虑使用它们的原因。 然后我们将向您展示如何创建自己的。

但是之前，如果您从未安装过WordPress发现 如何安装WordPress博客7步骤 et 如何找到，安装和你的博客激活WordPress主题 

然后回到为什么我们在这里。

什么是 WordPress 短代码？

WordPress 短代码充当快捷方式，可让您快速将元素嵌入到帖子或页面中。 这些通常是用方括号括起来的一行代码。 例如 ：

[exemplecodehortcode]

此代码将在您网站的前端显示预先确定的功能。

WordPress 首次引入简码 随着发布 简码 API. 这使用户可以轻松地将有吸引力的元素添加到他们的帖子和页面中，例如 谷歌地图 或 Facebook 的“赞”按钮。

它存在于WordPress中 默认t 六个简码  :

• 标题: 在内容周围加上字幕
• gallery ：显示图片库
• Audio：嵌入和播放音频文件
• 视频 : 嵌入和播放视频文件
• 播放列表 ：显示音频或视频文件的集合
• 嵌 : 包装内联元素

您还将遇到两种基本类型的短代码格式： self-closing et enclosing.

简码 self-closing 可以独立存在，不需要结束标签。

同时， enclosing 包围您要编辑的内容并强制您手动关闭标签。 例如，您可以通过在标签之间包装 URL 来嵌入 YouTube 视频 embed et /embed :

例如，这将创建以下结果：

一些 最好的WordPress插件 带有他们自己的简码。 例如， WP表格 et 联系表7 有简码，可以让你快速嵌入 联系表 在帖子或页面中。 您还可以使用类似的插件 最大按钮 在您的网站上的任何位置添加按钮简码。

为什么要考虑使用 WordPress 简码？

您可以使用 WordPress 短代码的原因有很多。 例如，它比学习和编写一段 HTML 代码更容易、更快捷。 此外，它们还可以帮助您保持内容干净且易于访问。

简码可用于自动化您重复使用的某些功能。 例如，如果您使用按钮 号召性用语 (CTA) 在您的每篇文章中，准备好专用的短代码可能是一种快速便捷的解决方案。

应该提到的是 古腾堡编辑 工作方式相同，依赖于短代码的使用。 它允许 WordPress 用户通过使用块来添加一些交互功能。

这种方法对初学者更加友好，因为您可以直接在 UI 上添加内容。 但是，WordPress 块编辑器的功能仍然有限。 幸运的是，它带有一个块 短代码，它允许您将自定义内容添加到您的页面。

如何在 WordPress 中创建简码

如果您已经具备编码知识，则可以创建自己的自定义简码。 这使您可以完全控制网站的外观和功能。

让我们看看如何创建自定义 WordPress 短代码。 在本教程中，我们将向文章添加社交媒体链接作为示例。

第 1 步 - 创建一个新的主题文件

在开始之前，最好先 完全备份您的 WordPress 网站. 您还需要在文件之外为您的自定义短代码创建一个单独的文件  的functions.php 您的 WordPress主题. 这将提供一个备用解决方案，以防出现问题。

您可以使用客户端 FTP（文件传输协议） 例如 FileZilla中 访问您网站的主题文件。 登录到您的网站后，转到 wp-content>主题 并找到您当前的主题文件夹。 在我们的示例中，这将是 猫头鹰出版社:

打开你的文件夹 WordPress主题, 右键单击​​它并按 建立新档案.

命名你的新文件 自定义简码.php 然后单击“ OK. 然后，您可以通过右键单击它并选择选项来编辑它 查看/编辑 :

这将在您的默认文本编辑器中打开该文件。 然后你只需要添加以下代码块：

<?php ?>

这可确保您的新文件将被解释为 PHP，这是构建 WordPress 的脚本语言。

然后，您可以保存更改并关闭文件。 请务必选中以下框以确保它将在服务器上更新并应用于您的网站：

然后打开文件 的functions.php 在同一个主题文件夹中，并在文档底部添加以下代码行：

include('shortcodes-personnalises.php');

这将告诉系统包含您对文件所做的任何更改 自定义简码.php 内 的functions.php 同时允许您将它们分开。 准备好后，保存更改并关闭文件。

第 2 步 - 创建简码函数

接下来，您需要创建简码函数，指示它要做什么。 再次选择选项 查看/编辑 你的文件 自定义简码.php. 使用以下代码片段添加一个操作以将您的函数挂接到：

function subscribe_link(){
    return 'Follow us on <a rel="nofollow" href="https://twitter.com/BlogPasCher">Twitter</a>';
    }

接下来，您将需要添加一个回调函数，该函数将在激活钩子操作时运行。 在上述代码之后直接添加以下代码行将告诉 WordPress 您的函数是短代码：

add_shortcode('sabonner', 'subscribe_link');

当您使用该功能创建简码时 add_shortcode，您分配一个简码标签“ ($tag) "和相应的函数挂钩" ($func) 每次使用快捷方式时都会运行。

换句话说，如果短代码标签是 [subscribe]，那么钩子 '订阅链接' 将访问者重定向到提供的 URL。

因此，您在文件中使用的整个代码 shortcodes-personnalises.php 看起来像这样：

需要注意的是，在命名标签时，只能使用小写字母，尽管可以使用下划线。 也很关键 避免使用连字符，因为它可能会干扰其他简码。

第 3 步 - 将自关闭简码添加到网站

您现在可以在您的 WordPress 网站上将您的初始代码作为自动关闭的简码进行测试。 使用 WordPress 块编辑器，您可以将 [subscribe] 标签直接插入帖子中：

这将向您的网站访问者显示以下内容：

如果您对此短代码感到满意，则无需执行任何其他操作。 但是，如果您想自定义它，您可以跳到下一步。

第 4 步 - 将参数添加到简码

您可以调整简码 “订阅” 用于显示其他社交媒体链接的附加功能。 您可以通过添加参数来修改 URL 来做到这一点。

倒 添加管理属性, 你需要打开文件 自定义简码.php 并添加以下代码：

function subscribe_link_att($atts) {
    $default = array(
        'link' => '#',
    );
    $a = shortcode_atts($default, $atts);
    return 'Follow us on '.$a['link'];
}
add_shortcode('sabonner', 'subscribe_link_att');

这将允许您自定义短代码标签中的链接，以将它们添加到古腾堡编辑器。 您可以将其粘贴到文件中的先前代码上 自定义简码.php. 它应该看起来像这样：

添加 简码_atts() 函数 将用户属性与所有已知属性结合起来，任何缺失的数据都将被替换为其默认值。 准备好后，保存更改并关闭文件。

第 5 步 - 测试设置

您现在可以在 WordPress 块编辑器中测试更新的简码。 在我们的示例中，我们正在使用以下短代码测试我们的 Twitter 和 Facebook 链接：

[订阅链接='https://www.facebook.com/live.blogpascher']Facebook[/subscribe]

[订阅链接='https://twitter.com/BlogPasCher']Twitter[/subscribe]

这将在前端产生以下结果：

这个自动关闭的短代码向访问者显示您的社交资料的直接 URL。 但是，您可能希望此功能看起来有点精致。

例如，您将能够创建一个附加版本，允许您完全自定义在用户即将单击时显示给用户的锚文本。 我们将在下一步中向您展示如何操作。

第 6 步 - 创建封闭简码

封闭短代码的格式将与前面的自动关闭示例相同。 但是，它将包含该函数的附加参数。

首先，您需要添加 $content = null，它将此函数标识为封闭的简码。 然后，您可以添加 do_shortcode 来自 WordPress，它将在内容中搜索短代码。

在文件中 自定义简码.php，添加新的封闭短代码：

function subscribe_link_att($atts, $content = null) {
    $default = array(
        'link' => '#',
    );
    $a = shortcode_atts($default, $atts);
    $content = do_shortcode($content);
    return 'Suivez nous sur <a href="'.($a['link']).'" style="color: blue">'.$content.'</a>';
}
add_shortcode('sabonner', 'subscribe_link_att');

准备好后，您的文件 自定义简码.php 应该是这样的：

前面的代码有一个属性 “ 风格 ” 另外，这会将锚文本更改为蓝色。 完成后不要忘记保存更改。

第 7 步 - 将封闭的简码添加到网站

您现在可以在 WordPress 块编辑器中插入您的简码以查看最终结果：

正如您所注意到的，您可以使用此包装短代码轻松更改您的社交媒体页面 URL 和显示给访问者的锚文本。 在这种情况下，我们选择了 “ Facebook ” et 推特 :

那里 ！ 您现在已经为您的页面和帖子中的订阅链接创建了一个自定义简码。 请注意，上面提到的所有步骤都可以修改为使用 WordPress 功能创建各种不同的元素 简码.

使用简码可以更轻松地为您的 WordPress 网站添加附加功能。 您可以使用它们来个性化您现有的内容并添加互动功能，例如联系表格、图片库或订阅链接。

其他推荐资源

我们还邀请您参考以下资源，以进一步掌握和控制网站和博客。

• 如何使用 Elementor 创建具有 Z 索引的浮动按钮
• 何时以及如何在一个子目录中安装WordPress
• 如何创建一个简单的 Gutenberg Block WordPress 插件
• 如何将自定义字体添加到 WordPress 网站

结论

在本文中，我们学习了如何在 WordPress 中创建自己的简码。 如果您有任何疑虑或建议，请在 评论.

但是，您也可以咨询我们的 RESSOURCES，如果您需要更多的元素来执行创建Internet网站的项目，请参考我们关于 WordPress博客创建 或者那个 Divi：有史以来最好的WordPress主题.

与此同时， 在您不同的社交网络上分享此文章.   

...