常见的 WordPress 古腾堡(Gutenberg)编辑器问题及其解决方法

WordPress 在 2019 年用一款名为 Gutenberg 的全新内容编辑器取代了旧的经典编辑器。该编辑器使用块在 WordPress 中创建内容,所以又常叫“块编辑器”。

什么是 WordPress 块编辑器?

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

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

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

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

常见的 WordPress 古腾堡(Gutenberg)编辑器问题及其解决方法

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

随着古腾堡编辑器的不断升级完善,已经越来越好用了。但是,早期的块编辑器并不完美。和其他 WordPress 插件一样,会遇到不同的错误或缺陷。

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

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

出现这个错误的原因有多种。例如,可能是由于主题版本过低、过时、插件有故障或其他技术错误。

如果网站配置错误,WordPress 块编辑器也可能无法工作,例如在创建用户配置文件时禁用可视化编辑器。

可以通过从 WordPress 仪表板转到“用户»个人资料”来检查这一点。从这里,不要选择“写作时禁用可视化编辑器”选项。

常见的 WordPress 古腾堡(Gutenberg)编辑器问题及其解决方法

如果问题仍然存在,那么可以尝试停用网站上的所有插件。这有助于排除插件可能引起的冲突。

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

2. WordPress 块编辑器不断崩溃

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

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

常见的 WordPress 古腾堡(Gutenberg)编辑器问题及其解决方法

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

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

如果检查 WordPress 插件和主题后问题还存在,请尝试更新 WordPress 版本并除 WordPress 缓存

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

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

常见的 WordPress 古腾堡(Gutenberg)编辑器问题及其解决方法

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

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

  • 在设置中检查 WordPress URL:需要确保网站设置中的 WordPress 地址和网站地址正确无误。只需转到设置»常规 页面并检查 URL 是否相同。如果网站地址不同,可能会触发 JSON 错误。
常见的 WordPress 古腾堡(Gutenberg)编辑器问题及其解决方法
  • 修复 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 存在问题,那么会在“建议改进”部分下看到它。

常见的 WordPress 古腾堡(Gutenberg)编辑器问题及其解决方法

错误日志将显示 REST API 发生的情况,并为你提供有关问题原因的提示。

有关解决这个问题的信息,可以查看我们的指南,了解如何修复 WordPress 更新失败错误

5. 添加或删除 WordPress 块之间的空白

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

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

例如,可以添加 Spacer 块来添加空白。只需单击“+”按钮,然后在内容中的任何位置添加 Spacer 块即可。

常见的 WordPress 古腾堡(Gutenberg)编辑器问题及其解决方法

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

WordPress 还可以调整间隔块的大小。可以通过上下拖动块来放大或缩小它。

常见的 WordPress 古腾堡(Gutenberg)编辑器问题及其解决方法

如果想删除块之间的多余空白,那么需要在 WordPress 主题中输入自定义 CSS或使用CSS Hero等 CSS 插件。

该插件可以编辑网站的 CSS,而无需编辑代码。它提供不同的间距选项,可以使用这些选项来调整块之间的空白空间。

常见的 WordPress 古腾堡(Gutenberg)编辑器问题及其解决方法

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

6. 复制粘贴内容,避免格式问题

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

会发现粘贴内容的字体和颜色与 WordPress 主题不匹配。如果使用 Microsoft Word 或Google Docs编写内容,然后将其输入到块编辑器中,这种情况很常见。

保留原始格式的一些简单技巧包括使用 Word 和 Google Docs 标题样式。这样,当将内容粘贴到块编辑器中时,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-Content 文件夹的文件权限

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 网站上安装并激活了 Gutenberg 插件,则可能会导致块对齐问题。我们建议停用 Gutenberg 插件,看看它是否能解决问题。

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

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

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

是否有注意到,当在 Facebook 上分享文章时,帖子缩略图不正确?

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

现在,这不是在 WordPress 块编辑器中看到的问题。但是,可以使用内容编辑器为 Facebook 指定 Open Graph 图像。

可以使用All in One SEO (AIOSEO)插件快速修复此问题。它是一个WordPress 的 SEO 插件,可帮助针对搜索引擎和社交媒体优化网站。

激活后,在 WordPress 内容编辑器中看到 AIOSEO 设置元框。只需转到“社交”选项卡即可。

前往社交标签

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

从下拉菜单中,可以选择在分享文章时在 Facebook 和其他社交媒体网站上显示哪些图片。

选择图片来源

12. 修复 Facebook 和 Instagram oEmbed 问题

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

以前,可以轻松地在 WordPress 中嵌入 Instagram 或 Facebook 的帖子。然而,Facebook 现在已经改变了 oEmbed 的工作方式。

无法再在 WordPress 中嵌入视频、图片、更新和其他内容。它将改为显示内容的纯 URL。

WordPress 中 oEmbed 错误的示例

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

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

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

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

在WordPress 5.5中,iFrames 默认是延迟加载的,这意味着嵌入的内容(如图片)只有在访问者向下滚动到内容位置时才会加载。

解决这个问题的一个简单方法是更新 WordPress 版本。这个错误现已解决。

希望本文能帮助你们了解常见的块编辑器问题及其解决方法。


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/18658/

(1)
上一篇 2024年 9月 4日 下午3:04
下一篇 2024年 9月 4日 下午4:24

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信
为方便全球用户注册登录,我们已取消电话登录功能。如遇登录问题,请联系客服协助绑定邮箱。