如何使用 WordPress 默认主题和 Gutenberg 编辑器编写博客文章(02)

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

1,块(Block)的使用方法

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

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

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

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

如何使用 WordPress 默认主题和 Gutenberg 编辑器编写博客文章(02)

2,添加Block

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

如何使用 WordPress 默认主题和 Gutenberg 编辑器编写博客文章(02)

3,设置Block样式

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

如何使用 WordPress 默认主题和 Gutenberg 编辑器编写博客文章(02)

4,转换Block

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

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

如何使用 WordPress 默认主题和 Gutenberg 编辑器编写博客文章(02)

5,移动Block

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

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

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

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

如何使用 WordPress 默认主题和 Gutenberg 编辑器编写博客文章(02)

6,组合Block

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

如何使用 WordPress 默认主题和 Gutenberg 编辑器编写博客文章(02)

7,制作可重复利用的Block

制作区块样板

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

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

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

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

如何使用 WordPress 默认主题和 Gutenberg 编辑器编写博客文章(02)
如何使用 WordPress 默认主题和 Gutenberg 编辑器编写博客文章(02)

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

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

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

如何使用 WordPress 默认主题和 Gutenberg 编辑器编写博客文章(02)

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

如何使用 WordPress 默认主题和 Gutenberg 编辑器编写博客文章(02)

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

如何使用 WordPress 默认主题和 Gutenberg 编辑器编写博客文章(02)

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

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

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

如何使用 WordPress 默认主题和 Gutenberg 编辑器编写博客文章(02)

8,复制、剪切Block

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

如何使用 WordPress 默认主题和 Gutenberg 编辑器编写博客文章(02)

9,删除Block

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

如何使用 WordPress 默认主题和 Gutenberg 编辑器编写博客文章(02)

总结

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


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

(1)
上一篇 2024年 9月 2日 下午4:36
下一篇 2024年 9月 2日 下午5:09

相关推荐

发表回复

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

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

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

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