如何使用 WordPress 编辑器

作为 CMS 的 WordPress 具有一组令人难以置信的强大功能。 插件和小部件将人们吸引到平台上，但一旦进入，真正的力量来自 WordPress 编辑器本身。 无论您对平台的目标是什么，您都将主要使用帖子/页面编辑器。 因此，我们想向您展示如何最大程度地使用 WordPress 编辑器，以便您的内容大放异彩，您的网站蓬勃发展。

订阅我们的 YouTube 频道

什么是 WordPress 编辑器？

从技术上讲，您可以选择三种 WordPress 编辑器。 随着 WordPress 5.0 的发布，编辑器从当时默认的 TinyMCE 更改为我们今天拥有的块编辑器。 在这一变化中，Gutenberg 编辑器插件被发布，作为在进入 WordPress Core 之前对 Block Editor 的新功能进行 Beta 测试的桥梁。

虽然块编辑器在 WP 5.0 中是默认的，但您可以选择使用您想要的三个中的任何一个。 您可以安装 Classic Editor 插件以保留旧的 TinyMCE，安装 Gutenberg 插件以保留编辑器中的最新功能（尽管可能不稳定），或者您可以保留默认的块编辑器。

鉴于使用默认编辑器以外的任何东西都涉及额外的步骤（以及 Gutenberg 插件固有的不稳定性和不断变化的性质），我们将在这篇文章中只关注默认的块编辑器。 但是，您应该注意，基本原理与 Gutenberg 相同，并且 Classic Editor 插件中包含的 TinyMCE 具有与任何给定的富文本编辑器或文字处理软件相同的基本功能——更不用说我们讨论的任何 WP 特定功能了结束，通常仅在美学上有所不同，而不是功能。

说了这么多，让我们学习如何使用 WordPress 编辑器。

WordPress 编辑器的基础知识

无论何时创建页面或帖子（或自定义帖子类型），您都将使用块编辑器。 您会看到一个打开它的教程模式，您可以通过它提供的 4 张幻灯片来学习基础知识。 关闭它，你可以看到基本的编辑器。

基本的 WordPress 块编辑器由 5 个元素组成。 各种插件可以添加更多内容，但这些提供了您日复一日使用的基本功能。

1. 标题栏 - 您在此处输入的任何内容都将显示为帖子/页面的主要 H1 标签。
2. 块/内容区域- 这是您将添加构成帖子或页面内容的各种块的区域。
3. 添加块按钮– 任何时候在圆圈中看到+ ，您都可以单击它以添加新块。 将出现一个下拉列表，您可以从中选择要插入的类型。 它们的功能完全相同，因此无论您单击块右侧、块下方或屏幕角落中的一个，您都会获得相同的选项。
4. 文档选项选项卡– 在此选项卡下，您可以找到类别、标签、固定链接、评论开/关切换等所有内容。 插件可能会在此处添加选项，但它们始终适用于整个页面或帖子本身。
5. 块选项选项卡- 此选项卡处理您突出显示的任何块的选项。 如果单击段落块，则可以单独编辑该块的选项。 没有其他块，也没有文件本身改变。

下面，我们将带您了解这些领域的具体细节，以及如何使用它们来创建尽可能最好的内容。

什么是块？

您已经看到我们在这篇文章中提到了 Blocks，但它们到底是什么？ 块是页面或帖子的单个可自定义元素。 它可以是单个段落、列表、图像或图库。 这些块可以随意移动和调整，单独定制，并以所见即所得编辑器根本无法实现的方式让您对内容进行精细控制。 （如果您是 Divi 用户，您已经熟悉这个概念，因为我们的模块以相同的方式工作。）

正如您在上面看到的，页面的每个元素都包含在自己的块中。 您可以在 WordPress 支持文档中查看 WordPress 块的完整列表。

如何创建一组块

A Group of Blocks 是您设置为用作单个块的块的集合。 您可以移动它们并设置它们的样式，就好像它们是一个单独的单元一样，但 Group 由多个元素组成。

创建组很容易。 您只需单击一个块，然后按住 Shift 或 CTRL 并单击另一个。 如果要将帖子中的所有块分组，可以按 CTRL/CMD – A 全选。 然后当您看到左上角的图标变为由小块组成的正方形时，您可以单击它并选择Transform to Group 。

如果您需要取消组合它们，只需单击三点下拉按钮并选择取消组合。

这些块现在将再次作为个体发挥作用。

什么是可重用块？

您可以从设置菜单将任何块从一次性块转换为可重用块。 可重用块不是模板，而是站点的全局块。 您创建一个块或一组块，然后单击添加到可重用块。

对该可重用块所做的任何更改或编辑随后会反映在整个站点中，更改块的每个实例，而不仅仅是您编辑的实例。 我们有可重用块的完整指南，您可以查看有关该主题的更多信息。

标题栏

如上所示的标题块是您的帖子或页面的主要 H1 标签。 它还会为帖子生成永久链接 slug，但是一旦您至少保存了一次帖子，就可以对其进行编辑。 这也将是.post-title和.entry-title等 CSS 选择器的来源。 （但是，您的 SEO 插件允许您设置在搜索引擎中显示的内容。）

这是 WordPress 编辑器中无法删除或重新定位的一个块。 您必须使用 CSS 或外部页面构建器设置来进行更多调整。

块/内容区域

从根本上说，您可以将内容区域视为您键入的位置。 如果你愿意，你可以开始打字，写出整篇文章，甚至根本不需要考虑块。 在所有主要方面，这取代了 TinyMCE 的简单 WYSIWYG 区域，并且是 WordPress 编辑器的最大变化，因为……嗯……永远。

但是，使用块编辑器，您可以做的远不止这些。 每次点击“输入”或“返回”时，您都会添加一个新的段落块。 要添加不同类型的块（任何类型），请单击圆圈中的+ ，您将获得每个可用块的下拉列表。 一定要滚动，因为它们也设置在不同的类别中。 如果您知道自己想要什么类型，也可以搜索特定块。

您可以添加 YouTube 视频块、图像、画廊、音频播放器、列表、引用等等。 他们每个人都有自己的设置和样式选项。 此外，您使用块的次数越多，WordPress 编辑器就会将其识别为常用块并将其列在最常用的下，这样您就不必再滚动或搜索它了。 可重用块和块组也可以出现在最常用下。

如果您查看本节中的图像，则(1)指向选择每个块时为每个块获得的重新排序按钮（只需单击它即可选择）。 (2)指向允许您删除块以及将其内容编辑为 HTML、克隆它或在其周围添加新块的下拉列表。

但是，这些选项和设置不同于我们上面提到的屏幕右上角的“阻止选项”选项卡，并在下面的下一节中讨论。

文档大纲、字数和其他信息

在页面的顶部工具栏中，您有一个圆圈中的i 。 单击它，您将看到文档组成的完整概要。

只要您使用了标题块，除了字数、段落数和块数之外，您还会出现文档大纲。 如果您没有标题块，则该部分将不存在。 您可以单击“文档大纲”的任何元素以直接转到该块。 此功能在较长的文档中非常宝贵。

如果您单击旁边的嵌套列表图标，您还会看到帖子中所有块的有序列表，而不仅仅是大纲的标题。

同样，您可以单击列表中的任何内容直接导航到并选择该块。

块选项选项卡

在 WordPress 编辑器的右上角，您将看到一个名为Block的选项卡。 只要您选择了一个块，您就会获得该块类型的一组上下文选项。 但是，您所做的任何更改只会影响您选择的单个块。

例如，您可以在此选项卡中更改图像的缩略图大小、为段落添加颜色背景以创建警报或调整标题中的字体大小。 如果您打开了“块”选项卡，选项将更改为您选择的特定块。 如果您突出显示了段落块，您将看到这一点。

选择图像块会将“块”选项卡更改为此。

每个块都有特定的选项，您可以在其中调整这些选项，这些选项仅适用于该类型的块（并且只会在该特定块中呈现）。 但是，每个块在选项卡中都有一个高级部分，可让您将 CSS 类应用于该块。 然后，您可以使用外部样式表和代码按照您认为合适的方式设置它们的样式。

文档选项选项卡

块选项选项卡的左侧是文档选项选项卡。 如果您过去使用过 WordPress，这些对您来说会很熟悉。 在这里，您将能够调整帖子的类别、标签、添加特色图片、调整永久链接、添加主题/搜索引擎优化使用的摘录，以及启用或禁用评论。

这些部分中的每一个都与它们在 TinyMCE WYSIWYG 编辑器中的位置和内容几乎相同。 它们适用于整个帖子或页面，而不适用于单个块或整个站点。 此外，如您在上图中所见，还有一个 WP Rocket Options 框。 一些插件会将框应用到这个区域，但它们总是直接与文档本身有关，而不是内容或块。

额外的 Post Metaboxes

帖子的元框是插件将为内容本身添加新选项和功能的地方。 它们出现在内容区域的最末端，块下方。

本节中出现的内容（如果有）将取决于您安装的插件（或可能使用该区域的任何主题功能）。 SEO 插件充分利用了这一领域，以及其他任何可以让您以某种方式与页面内容而不是文档详细信息进行交互的内容。

WordPress 编辑器选项下拉菜单

如果您单击屏幕右上角的三点下拉图标，则会出现一个大的垂直下拉菜单。 您可以在此处调整许多设置，所有这些设置都适用于编辑器本身，而不是文档、块或内容。

在大多数情况下，它们是相当简单的选项，例如管理您的可重用块或提供键盘快捷键列表或重新打开我们在开头提到的欢迎指南。

然而，一些最常用的选项接近顶部。 特别是Top Toolbar 、 Fullscreen Mode和Visual/Code Editor模式的切换。

顶部工具栏切换意味着，正如我们上面提到的，所选块的选项不会显示为块左上角附近的上下文菜单，而是位于屏幕顶部的固定区域。

全屏模式可打开或关闭 WordPress 管理仪表板。 如果您禁用全屏模式，您将看到左侧边栏，其中包括典型的仪表板选项，例如帖子、页面、外观、设置、工具等。

可视化/代码编辑器切换的工作方式与 TinyMCE 编辑器完全相同。 到目前为止，本文中的示例都是使用可视化编辑器的。 也就是说，您在撰写帖子时会看到帖子的视觉表示。 当您更改设置时，您可以获得要按下的按钮、上下文菜单和实时呈现的设置。 然而，代码编辑器就是这样——代码。 您将拥有一个简单的文本框，您可以在其中使用纯文本和 HTML 进行书写。

这样做通常是为了解决编辑器的问题或微调单个区域或块。 或者可能粘贴在外部编辑器中编写的内容，该编辑器不会在多个块中正确格式化。

块编辑器使用特定的 HTML 标签来告诉 WordPress 要呈现什么样的块，因此请确保保持任何看起来像<!– wp:paragraph –> 的代码完整无缺。 否则，事情会变得非常混乱。

全局 WordPress 块编辑器快捷方式

块编辑器也带有自己的一组漂亮的快捷方式。 它们与 TinyMCE 并不完全相同，但它们同样有用且同样重要。 从经验上讲，将最有用的内容记入内存将为您节省大量时间和麻烦。 您可以按Shift+Alt+H以在 WordPress 编辑器本身中显示以下快捷方式列表。

文档快捷方式

• 在可视化编辑器和代码编辑器之间切换 – Ctrl+Shift+Alt+M
• 打开块导航菜单 – Shift+Alt+O
• 显示或隐藏设置侧边栏 – Ctrl+Shift+，
• 导航到编辑器的下一部分 – Ctrl+`或Shift+Alt+N
• 导航到编辑器的上一部分 – Ctrl+Shift+`或Shift+Alt+P
• 转到最近的工具栏 – Alt+F10
• 保存更改 – Ctrl+S
• 撤消上次更改 – Ctrl+Z
• 重做上次撤消 – Ctrl+Shift+Z

选择快捷键

• 键入时选择所有文本。 再次按下选择所有块 – Ctrl+A
• 清除选择 – ESC

块快捷方式

• 复制选定的块 – Ctrl+Shift+D
• 删除选定的块 – Shift+Alt+Z
• 在所选块之前插入一个新块 – Ctrl+Alt+T
• 在所选块之后插入一个新块 – Ctrl+Alt+Y
• 删除多个选定的块 - del或退格
• 添加新段落后更改块类型 - /

文本快捷方式

• 使所选文本加粗 – Ctrl+B
• 将所选文本设为斜体 – Ctrl+I
• 将所选文本转换为链接 – Ctrl+K
• 删除链接 – Ctrl+Shift+K
• 给所选文本加下划线 – Ctrl+U

包起来

WordPress 编辑器在过去十年中取得了长足的进步，当前的块编辑器绝对强大到足以让我们完成下一个。 凭借精细控制页面上每个元素的能力，您可以比以前更快、更轻松、更高效地创建内容。 但是，如果当前的块编辑器不适合您，则存在经典编辑器插件，如果您想走在最前沿，Gutenberg 插件会比 WordPress 核心中的默认编辑器提前几个版本。 因此，无论您喜欢哪种创建方式，WordPress 都能满足您的需求。

您有任何关于 WordPress 编辑器的提示和技巧要分享吗？ 让我们在评论中知道！