古腾堡编辑器教程:如何使用WordPress经典块

自学咖网努力为各位打造免费分享知识与教程网站

WordPress editor的classic block旨在帮助简化WordPress的旧TINYMCE编辑器和其新的基于块的编辑器(称为Gutenberg)之间的转换。当新的编辑器被引入到WordPress Core中时,以前用旧编辑器创建的更新网站上的所有文章和页面将自动转换成新的基于块的编辑器中使用经典块的内容。所以,在非常现实的意义上,经典块只是WordPress的新文本编辑器中的旧文本编辑器。也就是说,有一些关键的区别和具体的用例值得了解。即使你已经完全采用了WordPress的block editor(以及很多其他的block)进行内容创作,使用经典的block仍然是一个不错的主意。

在本教程中,我们将向您展示如何将经典区块添加到文章或页面,我们将介绍它的所有设置和选项,我们还将为您提供在基于WordPress的新区块中有效使用它的提示。

如何给文章或页面添加经典版块

自学咖网努力为各位打造免费分享知识与教程网站

经典区块以与任何区块相同的方式添加到文章和页面。单击左上角或要放置互动程序的位置的互动程序插入器图标。

自学咖网努力为各位打造免费分享知识与教程网站

在块插入器的搜索字段中输入classic,然后选择classic块。

自学咖网努力为各位打造免费分享知识与教程网站

经典街区已添加到您的内容中。

经典块设置和选项

自学咖网努力为各位打造免费分享知识与教程网站

与大多数Gutenberg块不同,classic块不包括编辑器边栏中的选项。相反,您需要的所有选项都在经典块工具栏本身中。单击classic块以显示其工具,包括带有一组选项的工具栏。让我们仔细看看。

经典块选项

自学咖网努力为各位打造免费分享知识与教程网站

每个块都有自己特定的控件和选项。工具栏顶部的一小组块选项允许您更改块类型、转换为块和打开选项。

自学咖网努力为各位打造免费分享知识与教程网站

第一个选项包括列数和设置组。

自学咖网努力为各位打造免费分享知识与教程网站

组允许您将块添加到可重用块中。

自学咖网努力为各位打造免费分享知识与教程网站

接下来的两个选项允许您通过手动拖动或单击箭头上下移动来移动块。

自学咖网努力为各位打造免费分享知识与教程网站

转换为块将所有内容转换为其特定类型的块。例如,文本将被转换成段落块,图像将被转换成图片块,等等。离开页面或发布后不能撤销此操作,但如果愿意,可以将内容复制粘贴到新的经典块中。

自学咖网努力为各位打造免费分享知识与教程网站

这三点打开了更多的选项,允许你隐藏设置,复制,创建副本,前后插入,移动,编辑为HTML,合并或删除块。

经典块工具栏

自学咖网努力为各位打造免费分享知识与教程网站

工具栏提供了经典编辑器中所有的TinyMCE工具,允许你格式化文本,添加媒体等。永久使用此工具栏编辑所有内容。

文本格式

自学咖网努力为各位打造免费分享知识与教程网站

从文本格式下拉框中设置突出显示文本的格式。默认为段落。我选择了一个段落,并将其设置为H3标题。

粗体和斜体

自学咖网努力为各位打造免费分享知识与教程网站

突出显示文本,然后单击粗体或斜体以格式化文本。或者单独或一起使用它们。

项目符号和编号列表

自学咖网努力为各位打造免费分享知识与教程网站

创建带有项目符号或编号的列表。

引用

自学咖网努力为各位打造免费分享知识与教程网站

控制鼠标光标所指段落的格式。引用格式因主题而异。主题缩进段落,添加引号,并使文本加粗。

文本对齐

自学咖网努力为各位打造免费分享知识与教程网站

设置文本边缘的对齐位置。在左对齐、居中对齐和右对齐之间选择。在本例中,我选择了右对齐,因此文本靠右对齐。左对齐是默认设置。

删除链接
自学咖网努力为各位打造免费分享知识与教程网站

“插入和删除链接”工具允许您添加、编辑或删除任何元素上的链接。要插入链接,请选择一个元素(如文本或图像),然后单击要使用的链接工具。然后,搜索或粘贴URL。通过突出显示文本并选择删除链接来删除链接。

插入更多标签

自学咖网努力为各位打造免费分享知识与教程网站

将Read More标签添加到文本暂停的鼠标光标处,这将为前端博客文章创建一个断点。

添加媒体

自学咖网努力为各位打造免费分享知识与教程网站

添加媒体打开媒体库,您可以在其中上传或选择要添加的媒体。

显示/隐藏工具栏

自学咖网努力为各位打造免费分享知识与教程网站

这将展开工具栏以显示下一组工具。

删除线

自学咖网努力为各位打造免费分享知识与教程网站

删除线当您单击图标时,会为突出显示的文本添加删除线。

水平线
自学咖网努力为各位打造免费分享知识与教程网站

水平线在内容区域添加一条线。它从光标位置开始划分内容,并在该点下方放置一行。在上面的例子中,我把光标放在虚拟单词felis之后。

文本颜色

自学咖网努力为各位打造免费分享知识与教程网站

颜色允许您选择突出显示文本的颜色。颜色工具允许您设置各种自定义颜色。

粘贴为文本
自学咖网努力为各位打造免费分享知识与教程网站

“粘贴为文本”允许您粘贴某些内容,但不包括其格式。如果你是从文字处理软件或其他网站上复制的,那会很有帮助。根据需要打开或关闭该选项。

清除格式
自学咖网努力为各位打造免费分享知识与教程网站

清除格式删除选定文本的粗体、斜体、删除线和颜色格式。在这个例子中,我选择了段落中的一个单词并删除了它的格式。

特殊字符
自学咖网努力为各位打造免费分享知识与教程网站

特殊字符允许您添加在标准键盘上找不到的字符。

增加缩进。
自学咖网努力为各位打造免费分享知识与教程网站

减少和增加缩进将改变项目符号和编号列表的缩进。这将为项目符号创建子级别。

撤消和重做
自学咖网努力为各位打造免费分享知识与教程网站

撤消将恢复到上次编辑前的设置。它会突出显示更改,以便您可以看到它。如果您一直单击该图标,它将撤消上一次设置,直到您返回到第一次设置。重做此设置。在这个例子中,我取消了将编号列表改为项目符号列表的设置。

键盘快捷键
自学咖网努力为各位打造免费分享知识与教程网站

键盘快捷键提供了用于经典块的所有快捷键列表。

使用有效经典块的提示和最佳实践

自学咖网努力为各位打造免费分享知识与教程网站

如果你习惯经典编辑器,请使用经典块。这为您提供了您需要的编辑器,而没有放弃块编辑器的任何好处。它还充当两个编辑之间的桥梁。在学习使用块编辑器时,您可以使用您习惯的经典编辑器。

如果您更喜欢在经典编辑器中创建内容,但希望获得块编辑器的优势,请使用块,然后选择转换为块,将每个内容元素转换为单独的块。

如果您想在一个地方查看所有样式工具,请使用经典块。滚动时,工具栏保持不动,因此所有选项都在视图中。单击块中的任意位置以显示工具栏。

如果您希望将您的内容放在一起作为一个内容单元,请使用它。它使您不必使用和管理多个块。

使用多个经典块或将其转换为标准块,以便在内容中使用第三方块。

它将用于任何需要经典编辑器的第三方插件。例如,一些插件与媒体库一起使用来创建自定义图库。这些不能从标准画廊或图片块中访问,但您可以使用经典块中的媒体选项访问它们。

经典积木常见问题
经典积木的用途是什么?

它包含使用原始WordPress编辑器创建的旧内容。

它为喜欢它的人提供了一个经典的编辑器设计。

你从经典编辑器中删除了什么吗?

某些内容已被移动到块编辑器中。“可视/文本”标签位于右侧边栏。任何向经典编辑器添加按钮的第三方插件都是以块而不是按钮的形式提供的。它不包括不受干扰的写入模式。

经典块不包括可视/文本选项卡。我还能编辑HTML吗?

是的,文本选项卡现在被称为代码编辑器。它已经被移到右边栏中名为Editor的部分下的选项中。

工具上方的媒体按钮在哪里?

“媒体”按钮已从工具栏上方移到工具栏本身。

经典积木可以用短码吗?

是的,任何短代码都可以添加到内容区域。

积木可以用在经典积木上吗?

不可以,但是你可以把它转换成常规块,或者使用多个经典块,然后在你想的地方添加新块。

总结

这是我们对WordPress块编辑器的经典块的看法。我觉得很直观。对于任何喜欢经典编辑器或使用它来创建内容的人来说,这都是一个不错的选择。

hmoban主题是根据ripro二开的主题,极致后台体验,无插件,集成会员系统
自学咖网 » 古腾堡编辑器教程:如何使用WordPress经典块