如何使用 Elementor 短代码在 WordPress 网站上轻松显示模板

Elementor 是最受欢迎的页面构建器之一。它提供了许多强大的功能,其中之一就是短代码的使用。通过短代码,你可以在 WordPress 网站的任何位置轻松地嵌入和显示 Elementor 模板。

本文将详细介绍如何使用 Elementor 短代码显示模板,并深入探讨如何充分利用短代码的优势来提升你的网站设计和功能

图片[1]-如何使用 Elementor 短代码在 WordPress 网站上轻松显示模板-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

为什么使用 Elementor 短代码?

Elementor 短代码的应用范围非常广泛,可以帮助你在网站的不同位置灵活展示内容。以下是一些常见的应用场景:

  1. 灵活的内容展示:你可以在文章、页面、侧边栏小部件、页脚等位置插入 Elementor 模板,使网站内容更具动态性和灵活性。
  2. 保持一致的设计:通过使用相同的模板短代码,你可以在网站的不同部分保持一致的设计风格,确保品牌的一致性。
  3. 简化工作流程:短代码的使用可以极大地简化你的工作流程。只需在一个地方创建和设计模板,然后通过短代码在多个位置复用,减少重复设计的时间和精力。
  4. 动态更新内容:当你更新已保存的 Elementor 模板时,所有使用该模板短代码的地方都会自动更新,这使得网站维护更加高效。

如何使用 Elementor 短代码显示模板?

为了充分利用 Elementor 短代码,你首先需要确保已经安装并激活了 ElementorElementor Pro 插件。虽然 Elementor 免费版也很强大,但许多高级功能,如模板短代码的使用,需要 Elementor Pro 的支持。

步骤 1:导航到已保存的模板

首先,登录到你的 WordPress 仪表板。在左侧菜单中,导航到 “模板” > “已保存的模板”

图片[2]-如何使用 Elementor 短代码在 WordPress 网站上轻松显示模板-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在这里,你将看到你已经创建并保存的所有 Elementor 模板。无论是页面、区块还是全局小部件,所有这些模板都可以通过短代码来展示。

若未建有模板,可以从页面建一个模板

步骤 2:获取模板的短代码

“已保存的模板” 页面,你会看到每个模板旁边都有一个独特的短代码。这些短代码是用于在网站上嵌入这些模板的关键。

图片[3]-如何使用 Elementor 短代码在 WordPress 网站上轻松显示模板-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如果你没有看到短代码,可能是屏幕选项没有启用。在页面右上角找到 “屏幕选项”,确保勾选 “短代码” 选项。这样,你就可以在模板列表中看到每个模板的短代码了。

图片[4]-如何使用 Elementor 短代码在 WordPress 网站上轻松显示模板-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

步骤 3:插入短代码到网站的任意位置

现在,你只需复制所需模板的短代码,并将其粘贴到 WordPress 网站的任何支持短代码的地方。这包括文章、页面、小部件区域等。

图片[5]-如何使用 Elementor 短代码在 WordPress 网站上轻松显示模板-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在页面中加入短代码

图片[6]-如何使用 Elementor 短代码在 WordPress 网站上轻松显示模板-光子波动网 | 专业WordPress修复服务,全球范围,快速响应


在文章中加入短代码

例如,如果你想在一个文章中显示一个特定的模板,只需编辑该文章,然后将短代码粘贴到合适的位置即可。WordPress 会自动渲染该模板,并在文章中显示出来。

Elementor 短代码的高级应用

除了基本的模板插入,Elementor 短代码还可以有更多高级应用。例如,你可以结合其他 WordPress 插件,如社交分享、电子商务功能,甚至是自定义表单,来实现更复杂的页面功能。

1. 社交分享按钮

你可以创建一个包含社交分享按钮的 Elementor 模板,然后通过短代码将其嵌入到网站的各个位置。例如,创建一个自定义的社交分享区块,并在每个博客文章的结尾处通过短代码展示该区块。

2. 手风琴和标签

使用 Elementor 的手风琴或标签元素创建一个信息丰富的内容展示区块,然后通过短代码将其嵌入到相关页面中。例如,你可以在常见问题解答(FAQ)页面使用这种方法,展示动态内容。

3. 电子书和目录

如果你的网站提供电子书下载或目录展示,可以通过 Elementor 设计一个下载区块,并使用短代码在特定页面或文章中展示。这样你可以在不同的页面上快速添加相同的下载功能,而无需重复设计。

拓展:使用 Elementor Global Widget 和 WDesignKit

除了模板短代码,Elementor 还提供了 Global Widget(全局小部件)功能。Global Widget 允许你创建一次小部件,并在多个页面中复用,并且可以在一处更新后,自动同步到所有使用该小部件的位置。

图片[7]-如何使用 Elementor 短代码在 WordPress 网站上轻松显示模板-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

使用 Elementor Global Widget

  1. 创建全局小部件:在 Elementor 中设计一个小部件(例如一个按钮或一个表单),然后将其保存为全局小部件。
  2. 在不同页面中使用:你可以在不同页面中直接从小部件库中选择这个全局小部件进行使用。
  3. 一处更新,全局同步:如果你需要修改该小部件,只需在一个地方进行更新,所有使用该小部件的页面都会自动同步更新。

WDesignKit 提供的现成 Elementor 模板

如果你不想花时间从零开始设计,或者对 Elementor 还不太熟悉,你可以考虑使用 WDesignKit 提供的现成模板。这些模板经过精心设计,适用于各种网站类型,并且可以直接使用短代码嵌入到你的网站中。

总结

Elementor 短代码是一种强大且灵活的工具,能够帮助你在 WordPress 网站的各个位置轻松展示预设计的模板。不仅如此,短代码的使用还可以显著提高你的网站建设效率,确保内容和设计的一致性。

图片[8]-如何使用 Elementor 短代码在 WordPress 网站上轻松显示模板-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

无论是展示目录、电子书、社交分享按钮,还是更复杂的动态内容,Elementor 短代码都能够满足你的需求。如果你想进一步提升网站的设计和功能,结合使用 Global Widget 和 WDesignKit 提供的模板,将会为你带来更大的便利。


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
© 转载声明
本文作者:xiesong
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容