用户使用 Elementor 时常犯的 6 个错误

Elementor 在用户体验和易用性方面一直处于领先地位。 然而，尽管我们的目标是让事情变得简单，但总会有一个学习曲线。 为了帮助您有一个良好的开端，我们决定列出人们在 Elementor 中最常犯的错误，以及这些错误的解决方案。

如果您意识到自己犯了一些错误，请不要为此自责。 掌握任何工具或任务意味着总是有更多的东西需要学习。 如果您打算磨练自己的技能，这个想法是保持开放的心态。 让我们回顾一下这些常见错误及其解决方案，这样您就可以将 Elementor 技能提升到一个新的水平。

错误 #1 – 使用不兼容的主题

让我们从 Elementor 中的第一个常见错误开始：使用不兼容的主题。

Elementor 是一个通用插件。 它旨在符合 WordPress 编码标准，从而使任何遵循 WordPress Codex 的主题都与 Elementor 兼容。 然而，这并不意味着所有与 WordPress 一起使用的主题都遵循编码标准，也不意味着每个人都在创建主题时考虑到 Elementor。 因此，每隔一段时间，我们就会收到用户在编辑页面时遇到问题的消息。

以下是一些源于使用不兼容主题的常见问题：

• 没有全宽页面
• 难以删除标题下方的空间
• 无法更改字体或颜色

解决方案：更改主题

有几种解决方案可以避免这个错误：

最简单的方法是将您的主题更改为兼容的类似内容。 查找 WordPress 兼容主题的最佳位置是在其存储库中。 更好的是，使用与 Elementor 配合良好的主题，如 WooVina 和 Astra。

WooVina 是 Elementor 的轻量级、快速、完全可定制的入门主题。 WooVina 主题为您的新 Web 项目提供了 50 多个准备好导入 Elementor 演示站点。

另一种解决方法是就麻烦的主题联系我们的支持团队，并要求他们修复错误。 或者，只要精通一点代码，就可以自己动手，深入研究代码并使其与您的需求兼容。

错误 #2 – 使用列和间隔小部件来定位元素

我们遇到的下一个常见错误是使用列和间隔小部件来定位元素。 我们遇到了许多用户，他们从第一天开始就使用额外的列和间隔小部件来定位和对齐他们的元素。 这不仅是不必要的，而且对您的页面也是有害的。

每次向页面添加列时，都会向 HTML 代码添加一个标记，该标记充当页面的骨架。 所有这些额外的标记加起来，让系统有更多的工作要做，最终在页面加载时间方面打破平衡。 此外，使用空的“内容”元素来安排您的布局会给搜索引擎带来错误的印象，从而导致您的网站排名较低。

解决方案：使用填充和边距

Elementor 中的每个元素和小部件都有边距、填充和 Z-index 参数。 许多甚至在小部件内容和样式选项卡中都有额外的对齐和定位选项。 通过使用这些选项，Elementor 确保您只在代码中使用最少的数据。 此外，将这些数据保存在 CSS 代码中进一步消除了添加到标记代码的需要。 这样做还允许您在使用“粘贴样式”选项时复制/粘贴间距。

快速提醒一下：margin 值定义了小部件框架外的空间，而 padding 值定义了框架内、框架和元素之间的空间。
习惯使用填充和边距。 毕竟，这就是它们的设计目的。

错误 #3 – Inner-Section 小部件的错误使用

当我们讨论列的主题时，是时候提到另一个常见的列错误了。

Inner-Section 小部件或某些用户所称的 Column 小部件的错误使用。
如您所知，添加新部分的最佳方法是单击“添加新部分”。 不幸的是，一些用户养成了为该部分分配列数的习惯，而倾向于拖动 Inner-Section 小部件。

解决方案：使用常规列

设置部分时，最佳做法确实是使用“添加新部分”按钮，然后选择所需的列数。 这不仅使您的部分中的所有内容保持美观和统一，而且还允许您拥有一些独立的东西，例如动画背景和前景，同时保持标记光亮。

Inner-Section 小部件旨在允许用户在一个有点统一的部分中创建区别。 如果您只想在部分中添加一列，只需右键单击列句柄并添加一个新列。

错误 #4 – 在不禁用或清除缓存的情况下进行编辑

另一个常见的错误是在没有先禁用或清除缓存的情况下编辑您的网站。 网站不断进行更改和更新。 这是我们认为理所当然的事情。 我们发现，用户经常会花费数小时在后端对他们的网站进行更改，结果却发现这对前端的网站（它所在的位置）完全没有影响。

我们网站的缓存旨在驻留在前端，并响应访问您网站的人对内容的请求。 缓存保存有流行需求的内容数据，有助于缩短下载时间。 最常见的是我们有浏览器缓存，但我们也有缓存插件和主机服务器上的网站缓存。
除非我们让系统知道我们正在进行更改，否则这些缓存将继续发送我们最初定义的内容。

解决方案：清除缓存

以下是一些可以帮助您避免此错误的方法：
在浏览器中刷新页面将清除浏览器缓存。 您可以通过在 Mac 上按 Command + R 或在 PC 上按 Control F5 来执行此操作。

您还可以进入浏览器的设置并找到删除缓存选项。
另一种方法是在地址行中的 URL 之后添加一个问号，然后是一些乱码。 这会强制浏览器搜索此信息。 这样做时，它会重新加载页面的新版本。

一些用户使用缓存插件，如 WP Rocket 或 WP Fastest Cache，它们在浏览器之外执行数据缓存，以帮助更快地加载页面。

在这里，我们建议您在开始编辑或更改您的网站之前禁用 WordPress 仪表板上的缓存插件。 如果您忘记执行此操作，请使用插件设置中的选项清除缓存
有时，托管服务器上的缓存需要刷新。 如果在 Elementor 编辑器中单击更新后页面无法重新加载，我们可以验证这是否会导致问题。
如果是这样，在 WordPress 仪表板上，转到 Elementor >Tools > 并在 General TAB 中，单击 Regenerate CSS 按钮，然后单击 Save。 您可以在我们的文档中找到针对此类问题的更多选项。

错误 #5 – 使用错误大小的图像

下一个常见错误是使用错误大小的图像。 不乏用户上传的图片对于页面上的分配位置而言太小或太大。 然后调整图像小部件的设置以强制图像适合。 对于将不同大小的图像上传到图像库或轮播等内容并发现他们遇到相同困难的用户来说也是如此。 普通读者会知道，并且毫无疑问地同意，计划是正确工作和节省流程时间的关键。

解决方案：优化图像尺寸和大小

计划每张照片的尺寸和尺寸并提前准备我们的图像，使用 Sketch 或 Photoshop 等设计工具，甚至 Pixlr 等在线网站，将为您节省大量时间和麻烦。

在计算图像尺寸时，您还可以处理文件大小。 减慢页面加载时间的高分辨率图像肯定会导致大量访问者从您的网站跳出。 您可以使用 Optimole 等工具自动减小图像大小，或使用 Tiny PNG 等外部服务。

错误 #6 – 未设置默认颜色

下一个错误：没有设置默认颜色。 Elementor 中有许多选项旨在使用户的生活更轻松。 再次，设置您的设计默认颜色将为您节省大量时间，并确保您的配色方案在整个网站中保持一致。

解决方案：提前选择我们的颜色

最好的做法是在我们的页面构建开始时执行此操作，一旦您在 Elementor 中打开了第一个空白页面。 在菜单中，从调色板中选择默认颜色并应用它们。 我们实际上在之前的大师班中介绍了如何设置它。

结论

此列表并未涵盖用户所犯的所有错误。 还有很多其他我们可以提到的，例如 - 将文本粘贴到文本编辑器中，其中包括内联样式，而不是清理文本。 但是，克服这 6 个错误将为您提供一个良好的开端，并帮助您更好地理解和利用 Elementor。

您会惊讶于 Elementor 的正确使用将如何立即显示您制作的网站的巨大改进。

如果您觉得我们遗漏了任何应该提及的常见错误，或者您遇到了您或您的客户在使用 Elementor 时经常犯的一些常见错误，请在下面的评论中与我们分享。