Category: WP主题装修

在这篇文章中，我们将深入探讨如何使用 WordPress 的默认主题和古腾堡编辑器（Gutenberg Editor）来编写博客文章。古腾堡编辑器作为 WordPress 的内置编辑器，通过使用区块（Block）系统，为用户提供了一个灵活、直观的内容创建体验。无论你是 WordPress 的新手还是经验丰富的用户，这篇指南都将帮助你充分利用古腾堡编辑器的强大功能，轻松创建和管理博客内容。

1，块（Block）的使用方法

在 WordPress 的古腾堡编辑器中，Block（区块）是预制的元素模块或小部件，允许用户在页面和文章中轻松添加和配置内容。Block 将各种功能整合在一起，使内容创建过程更加直观和灵活。

举个简单的例子，标题Block 就是一个典型的区块。使用标题Block，用户不仅可以插入标题文本，还可以直接在编辑器中设置标题的标签级别（如H1、H2、H3等），调整对齐方式、字体大小、文本颜色、背景颜色等。这些功能都被开发者整合到标题Block中，用户无需编写代码或使用额外的插件就能实现这些自定义设置。

此外，古腾堡编辑器中的Block不仅限于简单的文本和标题。还有许多更复杂的Block，如图像Block、表格Block、按钮Block、视频Block等。这些复杂的Block通常整合了更多功能，使用户能够轻松实现各种内容布局和设计需求。

通过这种模块化的方式，古腾堡编辑器赋予了用户更大的灵活性和控制力，让他们能够轻松构建符合自己需求的页面和文章内容，而无需深入了解代码或使用其他复杂的工具。这种方法极大地简化了网站内容的创建和编辑过程，同时也使网站的设计更加丰富和多样化。（如下图）

2，添加Block

在古腾堡编辑器中，点击下图中的任意一个箭头位置，都可以调出Block面板。这个面板内置了几十个不同的Block，初次使用时可能不太熟悉，但可以逐个添加并查看它们的样式。不过，WordPress自带的Block样式比较有限，设置参数也较为简单，有时无法满足我们的所有需求。因此，我们可以通过下载一些专门的插件来扩展Block的数量，比如 Kadence Block、Spectra、Getwid 等。（如下图）

3，设置Block样式

选中一个Block后，上方会显示一个包含样式和功能选项的工具条，鼠标悬停在上面时会出现文字提示。右侧的区块编辑区则提供了颜色、字体等样式设置参数。你可以根据需要自由修改这些设置，以实现所想要的设计样式。（如下图）

4，转换Block

在古腾堡编辑器中，一些Block可以互相转换，这样可以避免重复删除旧Block再添加新Block的步骤。尤其是段落Block，支持直接转换为多种类型的块，这极大地提升了写作体验。

转换按钮位于拖动Block按钮的左侧。如果某些Block不支持转换，则只会显示该Block支持的样式选项。（如下图）

5，移动Block

有时我们需要更换已添加Block的位置，可以通过以下两种方式实现：

方式一：在左侧的结构视图中选中Block，然后拖动到目标位置——推荐使用此方法。

方式二：按住Block上方工具条中的“拖动”按钮，将Block移动到相应位置。

这两种方式在拖动时都支持区域互换：你可以将结构目录区的Block拖动到内容编辑区进行位置调整，内容编辑区的Block也可以以此方式进行互换。（如下图）

6，组合Block

为了便于管理，我们可以将相关的多个 Block 组合在一起。
方法：在左侧结构面板中，选中所有需要归类的 Block，点击工具栏中的省略号，然后选择“组合”即可。（如下图）

7，制作可重复利用的Block

制作区块样板

当设计好一个模块的样式后，其他页面可能也需要使用相同的样式。此时，可以将这个模块转换为可重复使用的 Block（类似于模板）。例如，想在其他页面复用图中的“照片+按钮”模块，只需更改图片和文字即可，这将大大减少工作量。

方法：在列表视图中，选中需要重复使用的模块，点击工具栏最右边的省略号，选择“创建区块样板”（旧名：添加至可重用区块），并为其设置一个易于识别的名称。我们可以创建两种类型的可复用 Block：

1. 全站同步更改的可复用 Block（开启已同步）：在一个页面上更改了它的样式或内容，所有其他使用了这个 Block 的页面也会自动同步更新。
2. 非同步更改的可复用 Block（关闭已同步）：在新页面上对这个 Block 进行任何更改都不会影响其他页面。

根据需求选择合适的模式（通常选择非同步更改的可复用 Block，因为大部分情况下，我们只需要保持相同的样式布局，而非内容）。（如下图）

假如保存的是全站同步的可复用块，那么这个区块的颜色便会自动变为紫色，方便我们识别。

自6.3版本起，WordPress为古腾堡编辑器添加了模板功能，在左侧添加block的选项卡中能够找到，菜单名为样板。

我们自己制作的可重复使用的block就会出现在这里面的我的区块样式中。下次使用时就到这里面找就行了。（如下图）

你也可以在页面编辑区域选中这个可重用 Block，点击“管理模式”进入可重用 Block 的集中管理页面。之后，便可以统一对所有可重用 Block 进行修改。这里名称设置的是（测试3）

进入管理界面后，在“我的区块样板”页面，你可以看到自己创建的所有可复用 Block。标有“已同步”标签的表示全站同步修改的块，而标有“未同步”标签的则表示非全站同步修改的块。（如下图）

在新页面使用可复用区块时，最佳方案是：全站相同的内容使用全站同步的可复用 Block，而仅样式相同的内容使用非全站同步的可复用 Block。

不过，这并不意味着全站可复用 Block 只能用于全站相同的内容。实际上，你可以在页面中调用它，并对其进行“分离”操作，这样你就可以在该页面中单独编辑组合中的每个 Block，而不会影响其他页面的样式和内容。

步骤：在工具栏的“更多设置”中选择“分离区块样板”即可。（如下图）

8，复制、剪切Block

古腾堡的 Block 支持复制和剪切操作，直接使用 Ctrl + C/X/V 即可。此外，还支持跨域复制和剪切。（如下图）

9，删除Block

在结构面板或工具栏最右侧的省略号中，点击最后一项即可使用“删除”功能。另外，你也可以直接按键盘上的 Delete 键快速删除（不适用于段落、标题等文字类型的 Block）。（如下图）

总结

在本篇文章中，我们详细介绍了如何利用 WordPress 的古腾堡编辑器和默认主题高效编写博客文章。从基本的区块使用方法到高级的可重复利用区块，我们涵盖了各种实用技巧。希望通过这篇指南，你能够更加熟练地运用这些工具，提升网站内容的创建效率和设计水平。下一期，我们将继续深入探讨更多 WordPress 和古腾堡编辑器的高级功能，敬请期待！