如何使用 Elementor Shortcodes 小工具 [初学者指南]

已发表: 2021-05-30

最近我已经过渡到 Elementor 作为我的首选拖放构建器。从一开始，学习曲线就非常简单且视觉上很有趣——我可以用它来使网页在视觉上完美并具有精确度。

几天后使用 WordPress Elementor，我意识到只需使用“Elementor Shortcodes”，我就可以将构建过程升级十倍。

对于初学者来说，优化网站以使其更快是一回事，另一方面，快速轻松地构建网站是另一回事。因此，让我们谈谈如何非常轻松地使用 WordPress Elementor 短代码，以及为您的项目使用 Elementor 短代码是否是个好主意。

什么是元素短代码？

Elementor 短代码是一串字符或一个片段，可以复制和粘贴以复制您网站的特定组件。换句话说，短代码是特殊的标签；某些东西在输入时会在您查看它时生成不同的组件。

如果这听起来很复杂，那么让我为您分解。 Elementor 库拥有大量预构建的小部件，可用于加快网站构建过程。

现在，如果您正在着手开发并需要复制组件，那么短代码是在几秒钟内完成的最佳方式。

首先，您需要复制所选组件的片段并将其粘贴到您想要复制的任何位置。

假设您正在构建要在另一个页面上使用的表单。通常，您会使用 Elementor 构建完全相同的表单，并且需要几分钟的时间。

但是，Elementor 模板简码允许您从网页中选择您选择的预制组件，然后将其复制到其他位置。

这是小部件简码最基本的用途之一，老实说，它的使用效率更高。所以，如果你已经在想……

何时以及如何使用 Elementor 简码？

这是我发现最适合使用 WordPress Elementor 短代码的一个真实案例：

如果部分使用 Elementor 设计，则 Elementor 短代码是快速向您的网站添加更多内容的理想选择。

如果您想调整旧内容并将预先设计的小部件添加到您的页面，那么专家建议说短代码是最佳选择。所以输入你想要的模板的简码，瞧！

注入 Elementor 短代码进行调整是最佳选择。您可能会遇到这种情况的一个常见场景是在所选主题的默认页面上工作。

并非所有主题都是使用 Elementor 设计的，因此尝试将它们转换为 Elementor 网页可能会破坏页面结构。

此外，不支持 Elementor 的其他插件将无法编辑这些元素，从而使您处于灾难状态。

不过，别担心……

使用 Elementor 短代码，您可以将新组件或元素添加到您的网站，而不会与其他页面构建器和/或插件发生任何冲突。此外，它还允许您添加自己的自定义模板。

如何为 Elementor 安装简码？

安装短代码非常简单，只需 3 个步骤即可完成。以下是为 Elementor 安装短代码的方法。

温馨提醒——本安装指南中的所有三个步骤都要求您在 WordPress 中安装 Elementor。因此，如果您直到现在还没有这样做，请快速进行并稍后查看这些步骤。

本安装指南有两个过程——自动安装和手动安装

自动安装

转到“插件”，然后从同一屏幕转到“添加新”。
寻找 Elementor 的 WordPress 简码。
安装插件并激活它。

手动安装

下载 RS<a href="#"> Elementor 简码。
提取 shortcode.zip 文件。插件文件将位于名为 rselements-lite 的目录中。
将插件文件上传到 WordPress 安装位置。该目录应该是这样的 - /wp-content/plugins/elementor-short-code。
从 WordPress 菜单的“插件”部分激活插件。

手动安装只是一个特定插件的示例，对于您要手动安装的任何插件，该过程都类似。

如何使用短代码输入 Elementor 模板？

以下是使用短代码输入预先设计的 Elementor 模板的方法。这是您如何做到的。前往 –

WordPress -> 模板 -> 保存的模板

在这里，您将能够检查库中每个小部件的简码。此外，您还可以创建自己的模板并为其生成唯一的短代码。

每个保存的模板都有自己独特的短代码，它始终可用于其他页面。

例如，您想要创建一个 WooCommerce 弹出窗口，您的客户可以在其中查看他们的订单状态。

为此，您需要做的就是从画布的侧边栏中拖放一个弹出窗口小部件。现在，从原始弹出窗口生成短代码并将其粘贴到新弹出窗口中，它会立即生成完全相同的弹出窗口小部件。

既然您了解了短代码及其工作原理，您可能想知道 Elementor 是否将网页上的每个内容都转换为短代码？好吧，如果您已经问过这个问题，那么这就是您的答案。

Elementor 是否将内容输入到带有或不带有简码的网页中？

为了消除您的困惑，Elementor 不会使用短代码将内容插入网页。简而言之，它不会将模板转换为唯一的短代码，然后将其放在网页上。这就是为什么……

如果 Elementor 为库中每个生成的模板使用短代码，则其库元素将极大地依赖于 Elementor 插件。

出于某种原因，如果您需要从网页的已安装插件列表中删除 Elementor，您将失去对现有 Elementor 库组件的所有支持，并且短代码与它们相关联。就像如果它发生，它会变成一场绝对的噩梦。

但 Elementor 并非如此，因为它简单地解决了问题。 Elementor 确实为您要复制的所选模板生成一个简码。

但在此之前，它会复制您设计的模板作为页面上的代码。

因此，下次您将某些内容从一个地方复制到另一个地方时，您正在将代码粘贴到后面。但从视觉上看，您正在使用短代码来做到这一点。

早期的页面构建器曾经对特定的插件和模板有这种依赖性，因此很难在网站上使用其他插件。

但是现在，没有依赖项，无论是否使用 Elementor 页面构建器，您都可以轻松调整网页。

总结

到目前为止，您已经掌握了在 WordPress 网站上开始使用 Elementor 短代码所需的所有想法。此外，前几次总是有点混乱。因此，请务必在执行此操作时查看一些视频，以确保您的学习完美无缺。