使用Elementor加快设计过程的提示

众所周知，Elementor 是当今 WordPress 社区中最好的页面构建器之一。而且，它不再只是一个页面构建器。 Elementor 发展如此之快，以至于即使没有免费的基本 WordPress 主题，您也可以设计一个功能齐全的网站，而无需编写一行代码！

虽然 Elementor 提供了许多选项和自定义设置，但我们经常错过插件的较小细节和部分，这些细节和部分可能会对网站的设计过程产生重大影响。

使用 Elementor 设计网页已经简单快捷，但如果您想加快设计过程，那么您来对地方了。在本文中，您将了解如何通过充分利用带有第三方工具的编辑器来加快 Elementor 的设计过程。

从预制模板开始

预制模板可以加快项目的开发。从头开始设计新页面需要时间，而不断调整页面的布局和样式通常会浪费时间。这是模板派上用场的地方。 Elementor 的模板库是加快设计过程的重要资源。即使您不使用预制模板，也可以随时使用模板库来获取灵感。只需单击一下，即可轻松将模板直接导入页面。

Elementor 模板可以分为两部分。首先，您可以导入包含所有内容的完整页面（如关于或联系页面），例如，当您想要从上到下导入预制页面时。第二种选择是如果您只想导入设计的一个部分或模块。例如，如果您喜欢服务、英雄、联系我们或订阅这些部分之一，您可以这样做。

网上有大量免费的高质量模板集。

Envato市场

Envato 市场可能是最受欢迎的市场，不仅有 Elementor 模板，还有 WordPress 主题和插件。

TemplateMonster

TemplateMonster 是另一个高质量模板资源的提供者，他们也提供一些免费的模板。

元素模板库

/ p>

Elementor 模板存储库 – 是 Elementor 的原生模板存储库，经常出现新的免费和高级模板。

使用热键

如果您仅通过鼠标使用 Elementor，请停止！花 10 分钟学习短代码，这会为您节省大量时间并加快您的网站设计过程。除了简单的复制和粘贴，您还可以使用更高级的自定义快捷方式。它们非常有用，尤其是当您想在面板和预览模式之间导航或切换到移动编辑时。

以下是可以大大加快网站设计速度的快捷方式列表：

操作

转到

页面自定义CSS

你知道每个页面都有自定义CSS吗？是的，但请注意，此功能仅包含在 Elementor Pro 版本中。作为解决方法，我将向您展示如何向每个页面添加自定义 CSS。如果您只想在页面级别添加小的自定义专业人士，这个技巧将为您省钱。

为此，您只需要利用 HTML 小部件和内部代码：

看这个例子：

Elementor Finder 搜索栏

通常，在进行页面设计时，您想跳转到其他页面、设置、销售页面或其他任何内容，如果您：保存页面 > 返回仪表板 > 打开页面，这可能很耗时。 >搜索您要打开的页面。如果你必须一遍又一遍地这样做，你就会浪费很多时间和精力。

幸运的是，Elementor 具有可简化和加快设计过程的内置解决方案。您不必费尽心思，只需使用 Elementor Finder。您可以通过在搜索栏中搜索直接跳转到任何设置、模板、页面或主题部分。可以通过在 WordPress 仪表板的任意位置单击 Cmd/Ctrl + E 键来访问 Finder。观看此视频，了解您可以使用 Finder 执行的所有操作。

使用导航器

导航器是一个导航树窗口，可以轻松访问页面构建器中的每个元素。这个小窗口允许您轻松浏览元素和拖放小部件。

导航器对于长页面或具有复杂多层设计的页面，以及结合了 Z-index、负边距、绝对定位等的元素特别有用。它使您可以访问可能是落后于其他元素。

您可以通过以下三种简单方式之一访问导航器：

1. 右键单击任何元素并单击“导航器” .这将自动将您重定向到导航树中的特定元素。
2. 单击面板页脚中的元素按钮。
3. 使用 Cmd / Ctrl + I 键盘快捷键。

观看此视频以了解它的实际应用：

Navigator 还具有其他功能，例如命名小部件、折叠和展开小部件、浮动或停靠面板并显示或隐藏小部件。您可以在他们的网站上查看完整的审查文档。

定义调色板

通常，在设计网站时，我们会遵循设计师创建的设计模式。该图案通常由在整个站点中重复出现的颜色组合组成。这些是应该保持不变的品牌颜色。这意味着每次我们向页面添加新的小部件时，我们都必须复制粘贴颜色代码，或者我们必须记住在小部件设置中应用颜色代码。这样做可能很耗时。幸运的是，Elementor 为我们提供了解决方案。

您可以在拾色器设置中定义品牌颜色，并在每次访问小部件样式的颜色选项时重复使用它们。只需选择一种预设调色板或定义您自己的自定义颜色，即可节省设计时间。

观看此视频：

预制和可重复使用的小部件样式和模板

Elementor 是最好的页面构建器之一，但您知道吗？考虑默认和丑陋的按钮？标签？菜单？或者任何其他小部件？这些默认小部件看起来像是几年前设计的，或者您可能想在项目 B 中重用项目 A 中的样式的小部件？

目前，您无法使用 Elementor 为未来的项目保存和重复使用小部件样式。幸运的是，免费的 WunderWP 插件提供了多种方法来解决这个问题。

首先，WunderWP 包含许多预构建的小部件样式供您使用。单击一下即可获得标题、画廊、按钮、分隔线、旋转木马、表格、价目表等的现成样式。只需将 Elementor 小部件拖到您的页面上，选择现成的 WunderWP 小部件样式并开始添加内容。

有了WunderWP，你还您可以在 Elementor 中轻松保存和重复使用自己的小部件样式。很简单：设置小部件的样式，将其保存到 WunderWP Cloud（免费！），稍后将其用于类似的小部件。这适用于简单和复杂的小部件。例如，您可以使用它来保存具有不同印刷值的标题小部件，或具有自定义阴影的图像小部件。

模板同理– 您可以将所有或部分创建的模板保存到 WunderWP Cloud。该模板将在那里，因此您可以在准备好后轻松地将其插入您的页面或网站。这样，您只需构建一次，为您节省大量时间。

或者，您可以使用WunderWP 的现成内容模板 现在，有 50 多个现成的部分模板，例如联系人、号召性用语、页眉、页脚、服务、关于、团队、服务、倒计时等等。目的。

总结

到目前为止，毫无疑问，Elementor 是最好的 WordPress 页面构建器之一。几乎每天都会添加新工具和功能，以简化和加快设计过程并加快项目交付时间。

您认为哪个提示最有用，哪个是您以前不知道的？也许你也知道这里没有提到的东西？请与他人分享。

主题网普通

收藏 链接