如何使用WordPress区块编辑器(古腾堡教程)

区块编辑器(古腾堡)与经典编辑器的区别

在深入了解区块编辑器之前,我们先来比较和理解古腾堡区块编辑器与旧的经典编辑器之间的区别。以下是WordPress中的经典编辑器:

经典编辑器是一个带有基本格式化选项的文本编辑器,功能和视觉外观都十分有限。以下是WordPress中的区块编辑器:

您可以看到它们是用于创建内容的两种完全不同的编辑器。经典编辑器类似于Microsoft Word的文本编辑器,而新编辑器使用“区块”的方法。每个项目(段落、图像、视频等)都是一个区块,每个区块都是独立的元素。

为什么WordPress区块编辑器比经典编辑器更好?

区块编辑器提供了一种简单的方法来向文章和页面中添加不同类型的内容。例如,之前如果您想用经典编辑器添加表格,您需要一个单独的插件。但在区块编辑器中,您只需添加一个表格区块,选择行和列,然后开始添加内容。

使用区块编辑器创建新博客文章或页面

和往常一样创建一个新博客文章或页面。在WordPress管理后台点击“文章” » “添加新文章”菜单。如果是创建页面,则点击“页面” » “添加新页面”菜单。

这将启动区块编辑器。每篇文章或页面的第一个区块是标题。您可以使用鼠标移动到标题下面或按Tab键移动光标,开始写作。

在区块编辑器中添加区块

默认情况下,下一个区块是段落区块。这允许用户立即开始写作。不过,如果您想添加其他内容,可以点击编辑器左上角的添加新区块按钮[+],现有区块下方或区块右侧的按钮。

在新编辑器中使用区块

每个区块都有自己的工具栏,工具栏的按钮会根据您正在编辑的区块变化。例如,段落区块的工具栏会显示文本对齐、加粗、斜体、插入链接等基本格式化按钮。

除了工具栏,每个区块在编辑屏幕的右栏中还有自己的区块设置。这些设置因您正在编辑的区块不同而有所不同。您可以向上或向下移动区块重新排列顺序。

组织区块:分组和列

区块编辑器还提供了便捷工具来管理和组织内容布局。您可以用Shift键选择多个区块,然后点击工具栏中的块类型按钮,将其转化为分组或列。然后您可以对整个分组合块应用样式。

在古腾堡中保存和重用区块

使用区块的一个最佳优势是可以保存和重用对定制非常有帮助。只需点击工具栏右上角的菜单按钮,从菜单中选择“创建样式”。

在区块编辑器中发布和管理选项

每个WordPress文章包含许多元数据,如发布日期、类别和标签、特色图片等。这些选项都整齐地放置在编辑屏幕的右栏中。

为区块编辑器添加更多区块

WordPress插件可以利用区块编辑器的API将其设置集成到编辑屏幕中。一些流行插件带有自己的区块,如WPForms、All in One SEO等。还有更多区块插件可以扩展区块编辑器的功能。

常见问题

关于古腾堡,我们收到了很多问题。以下是一些常见问题的答案:我的旧文章和页面在区块编辑器中会怎样?我还可以编辑它们吗?是的,区块编辑器会自动将它们加载在一个包含经典编辑器的区块中,您可以继续使用经典编辑器编辑它们,或将其转换为区块。

遇到古腾堡问题?

如果您在使用区块编辑器时遇到问题,我们有一篇快速故障排除指南,涵盖了用户遇到的所有常见问题及其解决方法。

希望本教程能帮助您学习如何使用WordPress区块编辑器。您也许还想看看我们完整的WordPress性能指南以提升您的网站速度,或查看最佳电子邮件营销服务的对比。



Related Posts

  • 2024-07-28
  • WordPress 基础知识

WordPress主题定制器提供了出色的功能,使你无需触碰代码即可创建一个视觉上吸引人的站点。然而,导航各种自定义选项有时可能让人觉得不知所措。在这篇文章中,我们将引导你了解默认面板,并教你如何像专业人士一样使用WordPress主题定制器。

到文章结尾,你将能够使你的网站看起来更加精致和专业。

閱讀更多
  • 2024-07-26
  • WordPress 基础知识

默认情况下,WordPress会在30天后自动删除垃圾箱中的内容。然而,有些用户可能希望更频繁或手动清空垃圾箱。在本文中,我们将向您展示如何限制或禁用WordPress自动清空垃圾箱。

閱讀更多
  • 2024-07-23
  • WordPress 基础知识

您是否想在WordPress博客文章中嵌入视频?视频可以为您的网站带来活力,并且是增加用户参与度的绝佳方式。WordPress使得从YouTube、Vimeo、Facebook、Twitter等视频托管网站嵌入视频变得非常简单。在这个初学者指南中,我们将向您展示如何在WordPress博客文章、页面和侧边栏小部件中轻松嵌入视频。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>