WordPress Gutenberg教程:如何使用新编辑器


如果您使用WordPress已经有很多年了,那您还记得WordPress的人们在2018年推出了WordPress 5.0中的Gutenberg编辑器。

这个新的默认编辑器是主要的进行大修,以编辑您网站上的帖子和页面。它将网站所有者习惯的大文本框转变为一个非常不同的基于块的编辑平台。

一些网站所有者非常讨厌它,以至于他们避免升级到WordPress 5.0并坚持使用经典的默认编辑器越长越好。其他网站所有者以其简单性和易用性接受了此更改。

如果您要进行过渡,并且对期望的结果感到好奇,则此WordPress Gutenberg教程将引导您逐步了解所需的主要功能知道和理解。这应该使您的过渡尽可能容易。

在WordPress Gutenberg中可以期待什么

关于Gutenberg编辑器的主要知识是基于块的。这意味着您需要添加的任何内容都是通过块进行管理的。古腾堡中的块包括(但不限于):

  • 段落
  • 标题
  • 图像
  • 列表
  • >
  • 引用
  • 代码
  • 预格式化
  • 拉引号
  • 有还有一些其他很少使用的高级块。如果将新的WordPress插件 安装到编辑器,则可能会看到其他块。

    In_content_1全部:[300x250] / dfp:[640x360]->

    添加块就像在添加的最新块下方选择右侧的+图标一样简单。

    从弹出菜单中选择任意一个向上窗口将该块添加为页面或帖子的下一部分。

    在开始讨论这些块之前,让我们从头开始,使用WordPress中的Gutenberg创建新帖子。

    创建帖子和添加块

    添加一个该帖子与WordPress的最新版本保持不变。只需从左侧导航栏中选择帖子,然后在其下方选择添加新

    这将打开帖子编辑器窗口。这也是一切都不同的地方。您将看到默认的Gutenberg WordPress编辑器。

    在古腾堡编辑器中添加图块项

    您可以在标题字段中输入帖子的标题。然后选择右侧的+图标以添加第一个块。

    段落块

    人们在标题后添加的最常见的第一块是段落块。为此,请从弹出窗口中选择段落

    这将插入一个阻止字段,您可以在其中开始键入帖子的第一段。网站段落段落的格式为默认字体

    以下是在Gutenberg编辑器中添加段落块的一些技巧。

    • 您的段落可以是任意长度。文本将自动换行,就像在经典编辑器中一样。
    • 如果按Enter,则Gutenberg编辑器会自动创建一个新的段落块,但是看起来
    • 突出显示该段落中的任何文本都会显示一个格式设置窗口,您可以在其中更改该文本的格式,也可以将该块修改为列表或其他某种块类型。
    • 选择三个点,然后选择删除块以删除段落块并用其他内容替换。
    • 图像块

      如果选择“图像”块,则会看到一个“图像”框,您可以在其中选择“上载”按钮以将图像从计算机上载到帖子中。选择媒体库链接以使用现有媒体库中的图像,或选择从URL插入以链接至另一个站点的图像。

      这会将图像插入添加新Image块的文章中。您会注意到,可以在图像本身的正下方键入图像的标题。

      您可以在标题文本上使用与常规段落文本相同的格式设置选项。

      列表块

      添加新块并选择列表时,它将在该点插入列表块

      它将显示一个项目符号,但是当您键入并按Enter时,每个新项目符号都会根据需要显示。

      列表格式也遵循你的主题 定义的字体样式和大小,因此,如果列表中的字体看起来与段落块不同,请不要感到惊讶。

      您可以在列表块中突出显示文本,如果您看到该文本的格式选项,你想改变它。您不能在此处更改字体样式,但是可以粗体,斜体,添加超链接或完全更改块类型。

      其他块

      如果要查看所有可用块,请选择+添加一个块,然后选择浏览全部以查看整个列表。

      此列表实际上很长。您记得在经典编辑器中通过其菜单系统可以使用的所有内容都将包含在此处。这些包括其他常用的块,例如:

      • 文件和媒体
      • 视频
      • “更多”标签
      • 分页符和分隔符
      • 诸如社交图标,标签云,日历 和WordPress插件之类的插件
      • 针对社交网站的嵌入代码,YouTube和Spotify之类的媒体网站,以及更多
      • 其他Gutenberg功能

        无论您将它们添加到何处,都不必遵守已添加的块。您可以向后滚动帖子,然后在任何现有图块之间选择+图标。这样一来,您就可以在现有块之间插入新块。

        您也不会对块的放置感到困惑。在经典的WordPress编辑器中,将图像之类的内容移动到帖子的其他部分并不总是容易的,而有时不会弄乱背景编码。

        在古腾堡,像图像之类的移动元素就像选择阻止,然后在弹出菜单栏中选择向上或向下箭头以在帖子中向上或向下移动阻止。

        每次选择箭头都会滑动该块

        在WordPress中使用麸皮编辑器

        发布区域并不是唯一添加新块的地方。您会注意到编辑器顶部有一个非常简单的图标菜单,您可以在其中使用+图标添加块。

        其他图标在此菜单中,您可以快速访问Gutenberg的其他功能。

        • 笔的Edit图标可让您切换到选择模式,以更轻松地选择块。双击一个块以返回到编辑模式。
        • 撤消重做图标(左右弯曲箭头)将撤消或重做上一个编辑。
        • i”(“详细信息”)图标显示您帖子中字符,单词,标题,段落和块的数量。
        • 大纲图标可让您根据帖子大纲中的顺序快速导航到帖子中的块。

          对于许多人来说,WordPress中的Gutenberg编辑器确实需要一些帮助过去。但是,在体验了在帖子中创建,编辑和操作元素块非常容易之后,您会发现创建帖子和页面的过程更加快捷,高效。

          相关文章:


          2.01.2021