您想了解如何修复 Elementor 上的常见错误吗?

Elementor 是专注于设计的 WordPress 用户的主要选择。 它允许您以视觉方式创建一个漂亮的网站,而无需处理 CSS 或 HTML。 使用 Elementor 时,您可能会遇到小部件面板无法正常工作或编辑器无法加载等错误。

我们总结了最常见的 Elementor 错误,并针对每个错误提供了解决方案。

常见的元素错误

1.小部件面板不加载

Elementor 带有一个面板,位于编辑器的左侧。 您可以使用面板添加小部件、定义基本设置(例如,配置布局)、自定义小部件等。

有时,您可能无法添加新的小部件,因为无法加载小部件。

阅读我们的 gui: Elementor:如何创建华丽的下拉菜单

当您启用了太多 Elementor 附加组件时,通常会发生此错误。 另一个可能的错误原因是您的托管规范不符合 Elementor 的最低要求。

如何纠正错误:

至少有两种方法可以修复上述类型的错误。 首先,您可以暂时禁用 WordPress插件 已安装(Elementor 除外)以查找导致错误的插件。

特别是,您可以禁用活动的 Elementor 附加组件。 其次,您可以转到另一个主题。 暂时切换到默认的 WordPress 主题会很棒。

2. 表格未发送

Elementor Pro 带有一个小部件 - 表单小部件 - 可让您创建表单。 您可以使用表单小部件创建任何类型的表单,包括 联系表. 

创建一个常见的错误 Elementor 中的联系表格 是没有发送表单数据。 当您将表单操作设置为电子邮件时,通常会发生该错误。

如何纠正错误:

就像其他表单构建器插件一样,Elementor 也使用该功能 可湿性粉剂邮件 作为快递服务。 功能 可湿性粉剂邮件 本身取决于 通过发送邮件 属于PHP的功能。 问题是并非所有托管服务提供商都启用此功能。

发现还: Elementor:如何创建音频播放列表

因此,您需要询问您的托管服务提供商以启用该功能 发送邮件 操作该功能 wp_mail。 或者,您可以使用服务 SMTP 在您的 WordPress 网站上自定义。

3.提取的长度不起作用

Elementor 的帖子小部件允许您在任何页面上显示来自 WordPress 网站的博客帖子。 它带有一些调整选项,包括片段的长度。

另请参阅: 如何从 Elementor 的目录小部件中排除评论

在某些情况下,您在预览或发布页面时设置的片段长度不会显示。 在具有内置调整选项来设置片段长度的 WordPress 主题上使用 Elementor 时,通常会发生该错误。

如何纠正错误:

您可以通过主题定制器设置片段的长度,而不是通过 Elementor 的设置面板设置片段的长度(外观 -> 自定义).

4. 加载编辑器失败

这种类型的错误类似于上面的第一个错误,但更致命一些。 您所看到的只是灰色页面上的预加载器。 有一些原因会触发此错误。 其中之一是负载过多导致服务器资源不足。

另请参见: 如何设置 WooCommerce 动态定价

如何纠正错误:

您可以尝试使用一些替代方法来修复错误。

  • 禁用插件

此类错误的原因之一是 Elementor 与另一个插件之间的冲突。 因此,您可以禁用插件 - 当然,除了 Elementor - 以找出导致冲突的插件。

  • 禁用主题预加载器

一些 WordPress 主题带有默认的预加载器。 如果您使用的是具有默认预加载器的主题,则可能需要将其关闭才能打开 Elementor 编辑器。

  • 禁用浏览器扩展

有时,错误类型是由 Web 浏览器上安装的扩展程序引起的。 要弄清楚,您可以使用另一个网络浏览器。 如果 Elementor Editor 通常在其他浏览器中打开,您可以关闭主要浏览器扩展程序以确定导致错误的原因。

  • 确保 Elementor 版本兼容

如果您同时使用 Elementor Free 和 Elementor Proc(读 : Elementor Free 与 Elementor Pro), 确保它们兼容。 如果您使用一个比另一个旧的,它可能会导致不兼容。 更新 Elementor Free 时,还要确保更新可用的 Elementor Pro 版本,反之亦然。

5.内部服务器错误500

使用 Elementor 时可能遇到的另一个常见错误是内部 500 服务器错误。当您遇到此错误时,错误是在您的服务器端而不是 Elementor。 

有几个原因会触发此类错误。 可能是 PHP 内存限制、文件权限不正确、文件 的。htaccess 腐败的,一个 浏览器缓存,损坏的数据库等...

阅读: 如何使用Elementor建立网站

如何纠正错误:

如上所述,会导致内部服务器错误 500 的情况有很多。因此,您可以根据错误原因修复错误。 如果原因是 PHP 内存限制,您可以要求您的托管服务提供商增加 PHP 内存限制。

6.未在实时页面上应用的更改

Elementor 有一个带有实时编辑器的可视化编辑器。 这意味着您在编辑器上看到的内容将与实时页面上的完全相同。 但是,有一种情况是您在编辑器上应用的样式未应用在实时页面上。 此错误通常是由缓存问题引起的。

如何纠正错误:

  • 清除缓存

您已经了解了错误的原因 - 缓存。 因此,您可以通过清除 Web 浏览器的缓存来修复错误。 如果您的 WordPress 网站上有缓存插件,您也可以暂时禁用它。

  • 重新生成 CSS

如果上述方法不起作用,您可以重新生成 CSS。 去做这个, 去 Elementor -> 工具 在您的 WordPress 仪表板上。 点击按钮 重新生成文件和数据。

修复 Elementor 上的常见错误

您也可以结合上述两种方法。

7. 发布/更新按钮不起作用

使用 Elementor 完成页面编辑后,您可以单击设置面板底部的发布/更新按钮来发布/更新您的页面。 如果按钮不起作用怎么办?

另请参见: 如何使用 Elementor 将 WPForms 表单添加到页面

发布/更新按钮在 Elementor 中不起作用的主要原因有两个。 首先,它可能是内存限制。 其次,这可能是一个安全问题。

如何纠正错误:

  • 增加 PHP 内存限制

为了在您的 WordPress 网站上正确运行 Elementor,您的服务器必须具有至少 128MB 的 PHP 内存限制,建议使用 256MB 或更多。 如果您的托管服务提供商仅提供 128MB 的 PHP 内存限制,您可以申请增加。

  • 在您的网站上安装 SSL

今天,大多数网站都使用 SSL (HTTPS)。 如果您还没有使用过,您可以将它安装在您的 WordPress 网站上。 大多数托管服务提供商都提供 SSL 作为默认功能。 如果您的托管服务提供商使用 cPanel,您可以通过 cPanel 安装 SSL。

8.自定义CSS不起作用

Elementor Pro 提供的自定义 CSS 功能允许您获取 Elementor 默认不提供的一些样式。 通常在添加自定义 CSS 后,一旦您发布/更新页面,更改就会应用于活动页面。 如果没有,您的网站上可能存在缓存问题。

如何纠正错误:

与上面的错误六相同,您可以清除缓存以修复此类错误。 您可以清除您的网络浏览器和网站缓存。 在此之前,您可以重新生成 CSS,如上面第 XNUMX 条所示。

9.文字颜色不变

在 Elementor 中,有两个小部件用于向页面添加文本元素:文本编辑器小部件和标题小部件。 使用这些小部件(以及具有自定义文本选项的其他小部件)时,您可以设置文本的颜色。 在某些情况下,文本颜色在实时页面上不起作用。

如何纠正错误:

如果您已设置文本颜色,但未在实时页面上应用,则 Elementor 与您使用的主题之间可能存在冲突。 一些 WordPress 主题带有高级调整选项来控制您网站上元素的颜色,包括文本。

另请参阅: 如何使用 Elementor 将自定义 CSS 添加到免费版本

要解决冲突,您可以重置主题的颜色设置,以便 Elementor 样式生效。 您可以从主题定制器中执行此操作(外观 -> 自定义)或从主题的设置面板(如果有)。

10. 主题生成器冲突

如果您使用的是 Elementor Pro,则可以通过主题构建器功能直观地自定义 WordPress 网站的每个部分。 从页眉、页脚、存档页、单篇文章、单页、404页、搜索结果页等。

也发现 如何创建具有悬停效果的按钮

一些 Elementor 附加组件(例如 JetThemeCore)也具有类似的功能。 如果您使用 Elementor 主题构建器创建了某个自定义模板(例如,自定义标题模板)并且您正在安装 JetThemeCore,那么您的自定义模板很可能无法正常工作。

如何纠正错误:

如果您使用的是 JetThemeCore,您可以安装 JetThemeCore Compatibility Kit。 这是一个由 Crocoblock 开发的 WordPress 插件,用于克服 Elementor 主题构建器和 JetThemeCore 之间的不兼容问题。

11. Elementor的编辑框不显示自定义字段

添加自定义字段的能力是 Elementor Pro 提供的另一项功能。 您可以使用此功能来 创建一个网站 复杂的动力学。 Elementor 本身支持流行的自定义字段插件,如 ACF、Pods、Meta Box、Toolset 和 JetEngine。

另请参阅: 如何在 Elementor 中命名一个部分

尝试在 Elementor 中添加自定义字段时,您可能会遇到自定义字段数据未出现在 Elementor 编辑器的画布区域的问题。

如何纠正错误:

你首先应该知道的一件事。 自定义字段只能添加到自定义模板(例如,自定义唯一帖子模板)。 您不能将自定义字段添加到常规页面。

另请参阅: 如何使用 Elementor 从 url 或菜单打开弹出窗口

如果您已将自定义字段添加到自定义模板但未显示关联的自定义字段,您可以更改预览设置。 单击左下角的齿轮图标并打开块 预览设置。 选择与您正在处理的自定义模板关联的内容类型,然后选择现有内容。 点击按钮 应用和预览。

摘要

Elementor 是 WordPress 最受欢迎的页面构建器插件。 如上所述,Elementor 用户面临一些常见错误。

在您的 WordPress 网站上安装 Elementor 之前,您可以确保您的托管规范满足 Elementor 要求的最低要求,以最大限度地减少使用它时的错误。

以下是 Elementor 的系统要求:

  • WordPress版本: 5.2或更高
  • PHP版本: 7或更高
  • MySQL版本: 5.6或更高
  • PHP内存限制: 128MB 或更多

尽管 Elementor 支持附加组件来扩展其功能,但您最好仅在真正需要时才安装附加组件。 它还可以降低出错的风险,因为您安装的每个附加组件都会消耗服务器资源。

里拉aussi 如何创建团队成员部分

还有一点需要注意。 确保在您的 WordPress 网站上安装页面构建器插件,因为安装两个或多个页面构建器插件可能会导致冲突。

其他资源:

结论

所以 ! 这就是常见的 Elementor 错误列表以及如何修复它们。 我们希望通过这份清单WordPress扩展,您会找到满足您期望的那一款。

但是,您也可以咨询我们的 RESSOURCES,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

大多 在您不同的社交网络上分享此文章.   

...