WordPress 的新版块编辑器 古腾堡(Gutenberg)

最近更新了我的Wordpress, 发现他的新编辑器不错。与传统编辑器不同,叫块编辑器,所有的页面都是一个个方块构成,很容易编辑中意的页面。这个块编辑器是wordpress 5.0自带的,不需要安装插件。

先把参考或我的学习资料列出来:

官方文档:https://wordpress.org/support/article/wordpress-editor/

不错的英文学习教程:https://www.wpbeginner.com/beginners-guide/how-to-use-the-new-wordpress-block-editor/

中文的翻译教程:https://www.wporder.com/8372/#GutenbergWordPress

看看块编辑器的示意图:

是不是很有意思。

比较原来经典编辑器,它们是用于在WordPress中创建内容的两个完全不同的编辑器。

旧的经典编辑器是一个文本编辑器,其格式按钮与Microsoft Word非常相似。

新的编辑器使用了一种完全不同的方法,称为“块”(因此称为“块编辑器”)。

块是添加到编辑屏幕以创建内容布局的内容元素。您添加到帖子或页面的每个项目都是一个块。

可以为每个段落,图像,视频,画廊,音频,列表等添加块。有所有常见内容元素的块,并且可以通过WordPress插件添加更多块。

新的WordPress区块编辑器比经典的编辑器好吗?

全新的WordPress区块编辑器提供了一种简单的方法来向帖子和页面添加不同类型的内容。

例如,以前如果您想在内容中添加表,则需要一个单独的表插件。

使用新的编辑器,简单地添加一个表块,选择列和行,然后开始添加内容。

可以上下移动内容元素,将它们作为单独的块进行编辑,并轻松创建富含媒体的内容。

最重要的是,新的WordPress块编辑器易于使用和学习。

这给刚开始第一个博客或建立DIY商业网站的所有WordPress初学者都具有巨大的优势。

开始

使用块编辑器创建新的博客文章或页面
像往常一样开始创建新的博客文章或页面。 只需单击WordPress管理面板中的Posts » Add New 。 如果要创建页面,Pages » Add New

进入编辑器

 进入编辑器时首先是一个新编辑器介绍的提示,最后可以到上面列出的官方学习链接。

然后需要输入标题,输入标题后就可以编辑了。这个时候光标到标题里的时候,会显示链接名,可以编辑,如果不这样就不显示。

左边红箭是退出到wordpress 仪表盘,中间2个加号就是添加块的意思,右上分别是保存,预览,发布,设置。

现在点击加号,添加块,如下:

这是添加block的示意图。

也可以使用键盘快捷键,方法是输入/搜索和添加块。

在新编辑器中使用块

每个块都有其自己的工具栏,该工具栏显示在块顶部。 工具栏中的按钮会根据您正在编辑的块而变化。

例如,在此屏幕快照中,在一个段落块中工作,该段落显示了基本的格式按钮,例如:文本对齐,粗体,斜体,插入链接和删除线按钮。

除工具栏外,每个块还可以具有自己的块设置,这些设置将显示在编辑屏幕的右列中。

可以上下移动块放的位置,也可以抓住中间直接拖动,我操作不是很好使:

也可以保存块给以后再使用,红框下面有删除块命令:

往后可以使用保存的块,下面是可重用块的管理

配置块

每个块都有其自己的设置。 要找到它们,请选择一个块:这将在块顶部显示一个工具栏。 还可以在编辑器右侧的侧栏中找到其他设置。

块顶部的设置通常包括格式设置选项以及更改块类型的选项(以下屏幕截图中的[1])。

在编辑器的侧栏中,可以在当前块的设置(以下屏幕截图中的[2])和整个文档的设置(以下屏幕快照中的[3])之间切换。

在“文档设置”中,可以添加标签和类别,选择特色图像,查看并更改帖子的状态,以及更多-这些选项适用于页面或整个帖子。

常见块的添加

添加图片:在Common 里或者 /image查找

超链接的添加,这个很直接,选择文字,然后点超链接,输入链接:

图片库,在common 或者/gallery

短代码:在Widgets里,或者/short code找

探索古腾堡的一些新内容块

古腾堡(Gutenberg)编辑器承诺通过引入一些新模块来解决WordPress中一些长期存在的可用性问题。

媒体和文本组合块,这个在Layout Element里,或者/Media & Text 查找 

按钮,在Layout Element里,或者/button  查找 

封面图片(cover) 

表单,在Formatting下,或者/table

多列内容:在Layout 里或者/column 

这个列应该是多块的基本要求,解决横向加块的问题,每个块宽度可调。块里可以又分块。

更专业一点用块编辑 

工具条移到顶部

使用键盘快捷方式,就是/后输入块类型名字这种方式。

添加YouTube, Twitter, Facebook, Vimeo 等 embeds。

好了,就介绍到此,需要多多实战练习。

发表评论

您的电子邮箱地址不会被公开。