如何在WordPress中添加简码？（入门指南）

2020-04-20
WP主题相关

简码是将动态内容添加到WordPress帖子，页面和侧边栏中的简便方法。

许多WordPress插件和主题使用短代码来添加特殊内容，例如联系表单，图像库，滑块等。

在本文中，我们将向您展示如何轻松地在WordPress中添加简码。我们还将向您展示如何在WordPress中创建自己的自定义短代码。

什么是简码？

WordPress中的短代码是代码快捷方式，可帮助您在WordPress帖子，页面和侧边栏小部件中添加动态内容。它们显示在方括号内，如下所示：

[myshortcode]

为了更好地理解短码，让我们来看看为什么首先添加短码的背景。

WordPress过滤所有内容，以确保没有人使用帖子和页面内容在数据库中插入恶意代码。这意味着您可以在帖子中编写基本的HTML，但不能编写PHP代码。

但是，如果您想在帖子中运行一些自定义代码以显示相关帖子，横幅广告，联系表，画廊等，该怎么办？

这就是Shortcode API的来源。

基本上，它允许开发人员将其代码添加到一个函数中，然后将该函数作为简码注册到WordPress，因此用户可以轻松使用它而无需任何编码知识。

当WordPress找到简码时，它将自动运行与其关联的代码。

让我们看看如何在WordPress帖子和页面中轻松添加短代码。

在WordPress帖子和页面中添加简码

首先，您需要编辑要在其中添加简码的帖子和页面。之后，您需要单击添加块按钮以插入一个简码块。

添加简码块后，您只需在块设置中输入简码即可。您可能会使用的各种WordPress插件将提供该短代码，例如WPForms用于联系表单，OptinMonster用于电子邮件营销表单，WP Call按钮用于插入点击通话按钮等。

要了解有关使用块的更多信息，请参见我们的Gutenberg教程以获取更多详细信息。

现在，您可以保存您的帖子或页面并预览更改，以查看正在使用的短代码。

在WordPress侧边栏小部件中添加简码

您还可以在WordPress侧边栏小部件中使用短代码。只需访问外观»小部件页面，然后将“文本”小部件添加到侧边栏中。

现在，您可以将您的简码粘贴到小部件的文本区域内。

不要忘记单击“保存”按钮来存储您的小部件设置。

之后，您可以访问WordPress网站以在侧边栏小部件中查看短代码的实时预览。

在旧的WordPress经典编辑器中添加简码

如果您仍在WordPress中使用旧的经典编辑器，则可以通过以下方法向WordPress帖子和页面添加简码。

只需编辑要在其中添加简码的帖子和页面。您可以将短代码粘贴到内容编辑器中希望显示的任何位置。只要确保简码在自己的行中即可。

不要忘记保存您的更改。之后，您可以预览您的帖子和页面以查看正在使用的简码。

如何在WordPress主题文件中添加简码

简码应在WordPress帖子，页面和小部件内使用。但是，有时您可能想在WordPress主题文件中使用简码。

WordPress可以很容易地做到这一点，但是您将需要编辑WordPress主题文件。如果您以前没有做过，请参阅有关如何在WordPress中复制和粘贴代码的指南。

基本上，您只需添加以下代码即可向任何WordPress主题模板添加简码。

<?php echodo_shortcode(“[your_shortcode]”); ?>

WordPress现在将寻找简码并在主题模板中显示其输出。

如何在WordPress中创建自己的自定义简码

当您想在WordPress帖子和页面中添加动态内容或自定义代码时，简码会非常有用。但是，如果要创建自定义的简码，则需要一定的编码经验。

如果您愿意编写PHP代码，那么这里是示例代码，您可以将其用作模板。

// function that runs when shortcode is calledfunctionwpb_demo_shortcode() {
// Things that you want to do. $message= ‘Hello world!’;
// Output needs to be returnreturn$message;} // register shortcodeadd_shortcode(‘greeting’, ‘wpb_demo_shortcode’);

在此代码中，我们首先创建了一个运行一些代码并返回输出的函数。之后，我们创建了一个名为“ greeting”的新短代码，并告诉WordPress运行我们创建的功能。

现在，您可以使用以下代码，将此简码添加到您的帖子，页面和小部件中：

[问候]

它将运行您创建的函数并显示所需的输出。

现在，让我们看一下简码的更实际的用法。在此示例中，我们将在简码内显示Google AdSense标语。

// The shortcode functionfunctionwpb_demo_shortcode_2() {
// Advertisement code pasted inside a variable$string.= ‘<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script><ins class=”adsbygoogle” style=”display:block; text-align:center;” data-ad-format=”fluid” data-ad-layout=”in-article” data-ad-client=”ca-pub-0123456789101112″ data-ad-slot=”9876543210″></ins><script> (adsbygoogle = window.adsbygoogle || []).push({});</script>’;
// Ad code returnedreturn$string;
}// Register shortcodeadd_shortcode(‘my_ad_code’, ‘wpb_demo_shortcode_2’);

不要忘记用您自己的广告代码替换广告代码。

现在，您可以在WordPress帖子，页面和侧边栏小部件内使用[my_ad_code]简码。WordPress将自动运行与短代码关联的功能并显示广告代码。