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

这篇具有很好参考价值的文章主要介绍了13个常见的 WordPress 块编辑器问题以及如何修复它们。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

您在使用 WordPress 块编辑器时遇到过错误吗?

WordPress 在 2019 年用名为 Gutenberg 的全新内容编辑器取代了旧的经典编辑器。该编辑器使用块在 WordPress 中创建内容。然而,有时,在使用它时可能会遇到恼人的问题。

在本文中,我们将分享如何解决最常见的WordPress块编辑器问题,以便您改进工作流程。

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

目录 隐藏

什么是 WordPress 块编辑器? 

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

2. WordPress 块编辑器不断崩溃 

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

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

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

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

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

8.修复HTTP图片上传错误 

9. 删除 WordPress 中错过的计划发布错误 

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

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

12. 修复 Facebook 和 Instagram oEmbed 问题 

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

什么是 WordPress 块编辑器?

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

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

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

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

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

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

以下是内容编辑器中的一些常见问题。

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

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

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

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

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

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

解决此问题的另一种方法是更新您的 WordPress 主题。过时的主题可能会导致块编辑器无法工作错误。您可以查看我们的指南,了解如何在不丢失数据和自定义的情况下更新 WordPress 主题。

2. WordPress 块编辑器不断崩溃

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

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

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

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

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

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

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

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

以下是您可能会收到无效 JSON 错误的一些原因以及解决方法:

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,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 响应。

要详细了解这些技巧,请参阅我们的关于如何修复 WordPress 中的无效 JSON 错误的指南。

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

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

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

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

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

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

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

有关修复此问题的信息,您可以查看我们的如何修复 WordPress 更新失败错误的指南。

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

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

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

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

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

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

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

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

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

要了解更多信息,请参阅我们有关如何添加或删除 WordPress 块之间的空白的指南。

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

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

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

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

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

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

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

有关更多详细信息,您可以参阅我们的指南,了解如何在 WordPress 中复制和粘贴而不出现格式问题。

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/ 文件夹。从这里,您可以右键单击该文件夹并更改文件权限。

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

请按照我们关于如何修复 WordPress 中的图像上传问题的分步指南,了解有关此修复的更多信息。

8.修复HTTP图片上传错误

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

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

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

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

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

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

您可以在我们关于如何修复 WordPress 中的 HTTP 图像上传错误的指南中详细阅读这些技巧。

9. 删除 WordPress 中错过的计划发布错误

您是否知道 WordPress 提供了一个内置选项来安排博客文章?

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

出现此错误的主要原因是WordPress托管环境或插件冲突。WordPress 使用一种名为“cron”的技术来稍后自动发布您的帖子。

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

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

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

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

请参阅我们的指南,了解如何修复 WordPress 中错过的计划发布错误。

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

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

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

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

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

1

2

3

.has-text-align-center {

  text-align: center;

}

您还可以查看我们有关如何在 WordPress 块编辑器中添加和对齐图像的指南。

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

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

该问题可能是由插件冲突、内容交付网络 (CDN)问题或缺少 Facebook 的开放图谱元标记引起的。

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

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

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

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

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

您可以按照我们的指南了解如何修复 WordPress 中的 Facebook 错误缩略图问题,并了解解决此问题的其他方法。

12. 修复 Facebook 和 Instagram oEmbed 问题

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

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

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

13个常见的 WordPress 块编辑器问题以及如何修复它们,WordPress初学者指南,编辑器

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

有关更多详细信息,请参阅我们有关如何修复 WordPress 中的 Facebook 和 Instagram oEmbed 问题的指南。

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

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

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

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

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

我们希望本文能帮助您了解常见的块编辑器问题以及如何解决这些问题。您可能还想查看我们关于常见 WordPress 错误及其修复方法的指南,以及针对初学者的 WordPress SEO 终极指南。文章来源地址https://www.toymoban.com/news/detail-818684.html

到了这里,关于13个常见的 WordPress 块编辑器问题以及如何修复它们的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 提示3D标题编辑器仍在运行怎么解决,以及3D标题编辑器怎么使用

    在进行视频剪辑时,尤其是剪辑一些带有文字的开场视频,一般都会使用具有立体效果的3D标题,这样制作出来的视频效果不仅好看,还非常的炫酷,但是对于一些刚刚开始接触视频剪辑的小伙伴来说,可能对3D标题还不是很了解,所以下面本文就给大家具体讲解一下,提示

    2024年02月05日
    浏览(55)
  • 集成tinyMCE编辑器以及踩的坑

    一、tinyMCE编辑器没有实时更新 场景是这样的,在form表单中引用Tinymce富文本编辑组件,在多次重新打开不同form表单时,form携带的数据没有实时更新到Tinymce内,总是显示上一个的form的数据 原因:Tinymce只渲染了一次,所以造成数据有点问题。所以解决的方法就是利用 v-if 的方

    2024年02月21日
    浏览(44)
  • 【常见错误】Xilinx Vivado自带编辑器文字部分出现乱码解决办法

    在进行FPGA开发时,常用的代码编辑器比如Sublime,但是最近发现再Sublime中编辑的代码文字部分,在用Vivado自带的编辑器打开时,会出现文字错乱的情况,如下图: 而在Sublime中实际的情况却是下图这样,这样就会导致代码的易读性降低。 这是由于Sublime端编码方式导致的,将

    2024年02月09日
    浏览(53)
  • 秀米编辑器(xiumi)+百度编辑器(Ueditor) 集成 :解决集成问题,秀米编辑器导出到百度编辑器格式问题,图片保存到自己的服务器(阿里云OSS)

    1.集成前提条件:         1. 需要集成 百度编辑器 到环境中         2. https 环境下才可以导出数据到百度编辑器,如果不是https环境,会出现错误          然后我们开始讲解如何集成: 2.引入资源: //百度编辑器 需要修改的文件(配置与原始的配置不一样,后面

    2024年02月09日
    浏览(61)
  • 纯净Python环境的安装以及配置PyCharm编辑器

    优质的教程可以让我们少走很多弯路,这一点毋庸置疑。去年二月我接触了Python,并找到了一份优质的配置教程,让我能够快速上手Python的学习。现在,一年多过去了,我已经有了很大的进步和变化,这也让我更加想要把我的学习经验和知识分享给更多的人。正是因为有了这

    2024年02月16日
    浏览(61)
  • 本地组策略编辑器找不到怎么解决?| 解决windows home 版本隐藏本地组策略编辑器的问题 | 简单的介绍本地组策略编辑器

    一般的 Windows 非家庭系统中,本地组策略编辑器不会被隐藏,但在某些特定情况下,可能会受到限制或不可用。如果你无法访问本地组策略编辑器,并且认为应该可以访问,请确保你拥有管理员权限,并检查是否有任何系统或安全策略的限制。 如果你使用的Win11 home版本 ,无

    2024年02月11日
    浏览(51)
  • linux Vim编辑器使用以及文件权限修改,kill process

    vim命令 基本操作 1.vim 文件名 :进入一般模式(不能输入) 2.按下 i 从一般模式,进入到插入编辑模式 3.按下esc从插入模式,退出到一般模式 4.输入:wq,退出编辑。 普通模式下: / :全文搜索,按n查找下一个 :%s/old/new/gc:全文替换,并给出提示 dd:删除当前行 dw:删除当

    2024年01月20日
    浏览(41)
  • 虚幻引擎UE编辑器卡顿问题

    使用虚幻引擎编辑器编辑蓝图页面卡顿,视角无法转动,只能放大缩小,甚至事件图表都无法拖动。 显卡驱动安装与N卡适配的studio版本。 在NVIDIA显卡控制面板3D设置,程序设置找到UE,设置UE OpenGL渲染为GPU。 设置里找到图形设置,添加UE,设置图形首选项为高性能。

    2024年02月15日
    浏览(87)
  • 突破编程_前端_ACE编辑器(选中区域、跳转行以及点击事件)

    要在 ACE 编辑器中选中一个区域,通常需要使用编辑器的 selection 对象。 以下是一个简单的示例,展示了如何使用 ACE 编辑器的 API 来选中一个特定的区域: 初始化 ACE 编辑器:首先,需要在页面上初始化 ACE 编辑器(在“突破编程_前端_ACE编辑器(概述)”有具体说明)。 获

    2024年04月10日
    浏览(49)
  • 探索 Linux vim/vi 编辑器:介绍、模式以及基本操作演示

    💐作者:insist-- 💐个人主页: insist-- 的个人主页 理想主义的花,最终会盛开在浪漫主义的土壤里,我们的热情永远不会熄灭,在现实平凡中,我们终将上岸,阳光万里 ❤️欢迎点赞👍收藏📁评论📒 前言 本文将介绍vim / vi编辑器是什么并详细讲解它的三种工作模式以及基

    2024年02月05日
    浏览(67)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包