13个常见的WordPress块编辑器问题以及如何解决它们

您在使用 WordPress 块编辑器时遇到错误吗?WordPress在2019年用一个名为Gutenberg的全新内容编辑器取代了旧的经典编辑器。该编辑器使用块在WordPress中创建内容。但是,有时,您在使用它时可能会遇到烦人的问题。在本文中,我们将分享如何解决最常见的WordPress块编辑器问题,以便您可以改进工作流程。

常见的块编辑器问题以及如何解决它

 什么是WordPress块编辑器?

WordPress块编辑器或Gutenberg是WordPress 5.0版本中引入的内容编辑器。从那时起,WordPress改进了编辑器并添加了新的特性和功能。

与经典编辑器相比,它提供了更多的自定义功能。您可以获得不同的块来向内容添加不同的元素,而不必编辑代码来更改外观和样式。

它试图通过模仿WordPress主题的相同字体和颜色来实时显示您的博客和页面的外观。

例如,您可以使用图像块将图片添加到博客文章中。此外,您还可以使用该块获得图像样式、大小、对齐方式等选项。

添加图像块

除此之外,许多WordPress插件将其块添加到内容编辑器中。这使得只需单击几下即可轻松嵌入表单、社交媒体源和目录等内容。

也就是说,块编辑器并不完美。像任何其他WordPress插件一样,您可能会遇到不同的错误或错误。

 1.修复WordPress块编辑器不起作用错误

用户面临的最常见问题之一是“WordPress块编辑器无法正常工作”。

发生此错误的原因有多种。例如,这可能是因为旧的、过时的主题、错误的插件或其他技术错误。

如果您的网站上设置错误,WordPress 块编辑器也可能不起作用,例如在创建用户配置文件时禁用可视化编辑器。

您可以通过从WordPress仪表板转到用户»个人资料来检查这一点。从这里开始,只需确保未选择“编写时禁用可视化编辑器”选项。

编写时禁用可视化编辑器

如果问题仍然存在,那么您可以尝试停用您网站上的所有插件。这应该有助于排除插件可能导致的任何冲突,并阻止块编辑器工作。

解决此问题的另一种方法是更新您的WordPress主题。过时的主题可能会导致块编辑器无法正常工作错误。

 2. WordPress块编辑器不断崩溃

一些用户面临的另一个常见问题是WordPress块编辑器意外崩溃。

当它崩溃时,您将看到“编辑器遇到意外错误”错误消息。然后WordPress将显示3个选项,包括尝试恢复,复制帖子文本和复制错误。

块编辑器崩溃

此问题可能有多种原因。例如,插件可能会破坏块编辑器并显示此错误,或者您的WordPress版本不是最新的。

您可以通过停用所有插件并逐个重新激活它们来解决此问题。另一个解决方法是将您的WordPress更改为默认主题,例如Twenty Twenty-Two,然后查看问题是否仍然存在。

如果您在检查WordPress插件和主题后仍然遇到此问题,请尝试更新WordPress版本并清除WordPress缓存。

 3. 删除内容编辑器中的无效 JSON 错误

当您编辑博客文章或页面时,当您单击块编辑器中的“更新”按钮时,可能会出现“响应不是有效的 JSON 响应”错误。

在块编辑器中查看 JSON 错误

当您在WordPress博客上编辑帖子时,WordPress在后台与网站服务器进行持续通信。当WordPress无法从服务器接收响应或响应不是JSON格式时,会导致此错误。

以下是您可能收到无效 JSON 错误的几个原因以及如何修复它们:

  • 在设置中检查WordPress URL - 您需要确保网站设置中的WordPress地址和站点地址正确。只需转到“设置”»“常规”页面,然后检查URL是否相同。如果站点地址不同,则可能会触发 JSON 错误。

确保WordPress和网站地址相同

  • 修复WordPress中的永久链接设置 - 在WordPress中,您可以为页面和帖子设置SEO友好的URL。但是,不正确的设置会使块编辑器难以获得有效的 JSON 响应。只需确保选择正确的永久链接格式即可。
  • 检查WordPress.htaccess文件设置 - .htaccess文件用作WordPress中的配置文件来管理SEO友好的URL(永久链接)。通常,WordPress会自动重新生成和更新它。但是,不正确的设置或过时的 .htaccess 文件可能会导致 JSON 错误。
  • 请参阅 REST API 调试日志 – REST API 是 WordPress 用来与站点服务器通信的一组技术。JSON 错误也可能意味着 REST API 遇到错误。您可以通过查看WordPress中站点运行状况页面上的REST API日志来检查这一点。
  • 尝试停用所有插件 – 不同 WordPress 插件之间的冲突也可能导致无效的 JSON 错误。尝试停用您网站上的所有插件,看看错误是否再次出现。
  • 切换到经典编辑器 – 如果您仍然无法解决 JSON 错误,则可以切换回 WordPress 中的经典编辑器。旧的内容编辑器不依赖于 REST API 从网站服务器获取 JSON 响应。

 4.解决更新失败/发布失败错误

在WordPress块编辑器中更新或发布博客文章或页面时,您可能会看到的另一个错误是:更新失败。你可能处于离线状态。

当 WordPress REST API 无法与 WordPress 数据库通信时,会出现此问题。

更新失败错误

如果块编辑器无法从WordPress托管数据库发送和接收请求,则您网站的不同部分将无法运行。这包括块编辑器。

如果您未连接到互联网或失去连接,REST API 可能会停止工作。要解决此问题,请确保您的互联网连接正常工作,然后尝试更新或发布您的页面。

除此之外,您还可以从WordPress仪表板转到工具»站点运行状况并查看REST API日志。如果 REST API 存在问题,那么您将在“建议的改进”部分下看到它。

查看站点运行状况

错误日志将显示 REST API 发生的情况,并可能提供有关可能导致问题的原因的线索。

 5. 在 WordPress 块之间添加或删除空格

使用 WordPress 块编辑器创建自定义页面和帖子时,您可能会注意到块之间的空间过多或过少。

通常,间距由您的WordPress主题控制。但是,块编辑器中的一些选项还允许您控制页面的布局并提供更好的用户体验。

例如,您可以添加一个间隔块来添加空格。只需单击“+”按钮,然后在内容中的任何位置添加间隔块。

向页面添加间隔块

这样,您可以在块之间添加额外的空间。

WordPress还允许您调整间隔块的大小。您可以通过向上或向下拖动块来使其变大或变小。

调整间隔块的大小

如果要删除块之间的额外空格,则需要在WordPress主题中输入自定义CSS或使用CSS插件,例如CSS Hero。

该插件允许您在不编辑代码的情况下编辑网站的 CSS。它提供了不同的间距选项,可用于调整块之间的空白区域。

CSS 主图更改下边距

您还可以使用SeedProd在WordPress中创建自定义页面,并完全控制设计。

 6. 复制和粘贴内容而不会出现格式问题

您是否曾经注意到,当您将内容从桌面应用程序或网页复制并粘贴到块编辑器中时,您最终也会粘贴不需要的格式?

您会看到粘贴内容的字体和颜色与您的WordPress主题不匹配。如果您使用Microsoft Word或Google文档编写内容,然后在块编辑器中输入内容,则这很常见。

保留原始格式的一些简单提示包括使用 Word 和 Google 文档标题样式。这样,当您将内容粘贴到块编辑器中时,WordPress会自动选择标题级别。

除此之外,您应该在粘贴内容后检查页面或帖子的 HTML 代码。在WordPress内容编辑器中,您可以选择一个块,然后单击3个垂直点选项。

从下拉菜单中,只需选择“编辑为 HTML”选项。

在WordPress块编辑器中切换到块的HTML视图

这样,您应该能够找到任何格式错误,例如不正确的粗体和斜体、不需要的文本等。

 7. 修复 WordPress 中的图片上传问题

接下来,在WordPress块编辑器中上传图像时,您可能会看到错误。这是WordPress中最常见的图像问题之一。

此错误的主要原因是由于文件权限不正确。您的所有网站文件都存储在您的网络托管服务中,需要特定的文件和目录权限才能工作。

如果这些权限不正确,则可以阻止WordPress读取文件并将其上传到托管服务器。因此,您会注意到上传时图像将从媒体库中消失,或者您可能会看到一条错误消息:

‘Unable to create directory wp-content/uploads/2019/04. Is its parent directory writable by the server?’

要解决此问题,您需要编辑文件权限。您可以使用 FTP 客户端并访问 /wp-content/ 文件夹。从这里,您可以右键单击该文件夹并更改文件权限。

检查WP内容文件夹的文件权限

 8. 修复 HTTP 图片上传错误

在WordPress块编辑器中上传图像时可能遇到的另一个问题是HTTP错误。

当您在媒体库中上传图像时,WordPress将显示通用的“HTTP”错误,并且您将无法看到图片的预览。

HTTP 图像上传错误

有几种原因可能导致此问题。令人沮丧的是,错误消息没有为实际原因提供很多线索。

要解决此问题,您可以尝试很多方法。首先,您只需等待几分钟,然后尝试重新上传图像。有时,您的网站服务器可能会遇到异常流量和服务器资源不足等问题。

除此之外,您还可以增加WordPress内存限制并防止内存不足导致HTTP错误。您可以尝试的其他事情包括更改WordPress使用的图像编辑器库和编辑.htaccess文件。

此外,您的登录可能已过期,并且此错误有时会通过转到登录屏幕并再次输入用户名和密码而消失。

 9.删除WordPress中错过的时间表帖子错误

你知道WordPress提供了一个内置的选项来安排博客文章吗?

在WordPress内容编辑器中,您可以更改发布博客文章的日期和时间。但是,有时,您的计划内容可能无法在设定的时间发布。

帖子可以立即发布或安排在将来上线

此错误的主要原因是由于WordPress托管环境或插件冲突。WordPress使用一种称为“cron”的技术在以后自动发布您的帖子。

如果插件或网站托管服务器正在影响cron作业,则会导致WordPress中错过计划发布错误。

您可以通过检查WordPress网站的时区来解决此问题。您网站的时区可能与您用于安排博客的时区不匹配。

只需前往 设置 » 常规 从WordPress管理面板向下滚动到时区部分。

编辑时区设置

您也可以尝试通过清除WordPress缓存并增加WordPress内存限制来解决此问题。

 10. 修复 WordPress 块编辑器中的对齐问题

您可能面临的另一个常见的WordPress块编辑器是您的内容和图像可能未正确对齐。

例如,假设您在博客文章中添加了项目符号列表并将其居中对齐。但是,在编辑帖子时,列表在块编辑器中显示为左对齐。同样,居中对齐的图像块可能显示为左对齐或右对齐。

如果您在WordPress网站上安装并激活了古腾堡插件,那么它可能会导致块对齐问题。我们建议您停用古腾堡插件,看看它是否能解决问题。

另一种解决方案是为要居中对齐的文本添加以下自定义 CSS 代码:

.has-text-align-center` `{text-align: center;}

 11.解决Facebook缩略图不正确的问题

你有没有注意到,当你在Facebook上分享一篇文章时,帖子缩略图不正确?

该问题可能是由冲突的插件、内容分发网络 (CDN) 问题或缺少 Facebook 的 Open Graph 元标记引起的。

现在,这不是您将在WordPress块编辑器中看到的问题。但是,您可以使用内容编辑器为 Facebook 指定“打开图”图像。

您可以使用多合一SEO(AIOSEO)插件来快速解决问题。它是WordPress的最佳SEO插件,可帮助您针对搜索引擎和社交媒体优化您的网站。

激活后,您将在WordPress内容编辑器中看到AIOSEO设置元框。只需前往“社交”标签。

前往社交标签

接下来,您可以向下滚动到“图像源”部分。

从下拉列表中,您可以选择分享文章时要在Facebook和其他社交媒体网站上显示的图像。

选择图像源

 12. 修复 Facebook 和 Instagram o嵌入问题

您将面临的另一个与社交媒体相关的块编辑器问题是将Facebook和Instagram内容添加到WordPress。

过去,您可以轻松地在WordPress中嵌入来自Instagram或Facebook的帖子。然而,Facebook已经改变了oEmbedd现在的工作方式。

您不能再在WordPress中嵌入视频,图像,更新和其他内容。相反,它将显示内容的纯 URL。

WordPress中的oEmbed error示例

您可以使用社交媒体WordPress插件(如Smash Balloon)轻松解决此问题。它可以帮助您使用oEmbed轻松嵌入来自Facebook和Instagram的内容,您还可以在您的网站上显示社交媒体提要。

 13. 无法在块编辑器中看到嵌入式内容预览

这是WordPress 5.7版本中提出的问题。每当您嵌入来自YouTube和Vimeo的视频或从Spotify和SoundCloud添加音频时,预览都不会出现在块编辑器中。

相反,您只会在块中看到“预览不可用”或“此块遇到错误,无法预览”。此问题的主要原因是默认的延迟加载功能。

在WordPress 5.5中,iFrames默认是延迟加载的,这意味着在访问者向下滚动到内容位置之前,不会加载图片等嵌入式内容。

解决此问题的简单方法是更新WordPress版本。此后,此错误已得到解决。如果您使用的是5.7或更低版本,那么我们强烈建议您将WordPress更新到最新版本。

5efa732701047b080616670e3439dbb