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 的新版块编辑器 古腾堡(Gutenberg)_第1张图片

是不是很有意思。

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

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

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

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

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

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

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

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

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

 

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

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

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

话虽这么说,让我们来看看如何像专业人士一样使用新的WordPress块编辑器来创建出色的内容。

开始

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

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第2张图片

进入编辑器

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

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

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第3张图片

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

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

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第4张图片

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

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第5张图片

 

在新编辑器中使用块

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

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

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

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第6张图片

可以上下移动块放的位置:

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第7张图片 

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

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第8张图片

往后可以使用保存的块,也有可重用块的管理:

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第9张图片 

下面是可重用块管理界面,这里还可从json 输入:

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第10张图片

配置块

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

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

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

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

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第11张图片

 常见块的添加

添加图片:在Common 或者 /image

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第12张图片

 

超链接

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第13张图片

图片库,在common 或者/gallery

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第14张图片

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

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第15张图片

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

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

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

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第16张图片

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

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第17张图片

封面图片(cover) 

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第18张图片 

表单,在Formatting下,或者/table

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第19张图片

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

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

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第20张图片

更专业一点用块编辑 

工具条移到顶部

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第21张图片

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

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

Wordpress 的新版块编辑器 古腾堡(Gutenberg)_第22张图片

好了,介绍到此。 

你可能感兴趣的:(Wordpress)