WordPress 古腾堡教程

经过几十年作为最通用和易于使用的 CMS 广受欢迎后，WordPress 始终能够通过频繁的技术升级给用户留下深刻印象。 在最新的 5.0 版本中，WordPress 推出了新的可视化编辑器“Gutenberg”。 所以，让我们揭开古腾堡和布洛克斯的神秘面纱。 新系统如何运作？ 是不是比我们之前的那个编辑器好？ 我们将进入 Gutenberg 和一个简短的教程，以帮助您从 Gutenberg 编辑器中获得所有优势。

什么是“古腾堡”？

在 WordCamp Europe 2018 上，Matt Mullenweg 提出了一种替换经典 WordPress 编辑器的新方法。它被称为“Gutenberg”，这意味着它正在开发中的项目名称。 与 WordPress 5.0 一起发布的 Gutenberg 项目现在更具体地称为“WordPress 编辑器”或“块编辑器”。 根据当今拖放式 Web 构建器的趋势，经典编辑器已经有点过时了。 结果是 WordPress Gutenberg 和一个全新的 WordPress 编辑器，其设计类似于网站和页面构建器工具。

与古腾堡合作的主题

有数以千计的主题可用，但许多已经过时。 这是一些为古腾堡发布主题的新的、很棒的商店。

品牌

提供

领取优惠券

优雅的主题

20% 折扣ElegantThemes 有一个秘密登陆页面，您可以在其中获得 20% 的折扣，自动应用于您的下一次购买。

申请折扣 访问网站

主题岛

10% 折扣单击“申请折扣”按钮并使用优惠券代码 newpirate10 在您下次购买时节省 10%。

申请折扣 访问网站

模板怪物

7% 折扣TemplateMonster 目前对其所有 WordPress 主题都有 7% 折扣，您无需使用任何代码，只需单击链接即可获得促销折扣。

申请折扣 访问网站

精湛的主题

25% 折扣SuperbThemes 目前对其所有定价计划都有 25% 的折扣，包括插件和主题的订阅和一次性购买。

申请折扣 访问网站

模板

15% 折扣使用代码 Superb15 下次购买 Templatic 可节省 15%。 Templatic 销售高质量的主题和插件。

申请折扣 访问网站

WordPress.com

目前没有折扣WordPress.com 在网络星期一等活动期间为其产品添加折扣，请访问他们的网站以查看他们目前是否有折扣。

申请折扣 访问网站

与古腾堡一起工作的插件

WordPress 市场上有很多插件可用，但并非所有插件都可以与 Gutenberg 编辑器一起使用。 这是一些可以做到的。

品牌

提供

领取优惠券

迪维

20% 折扣ElegantThemes 有一个秘密登陆页面，您可以在其中获得 20% 的折扣，自动应用于您的 Divi 购买。

申请折扣 访问网站

性能问题

10% 折扣单击“Claim Discount”按钮并输入代码 PERFMATTERS 以获得所有定价计划的 10% 折扣。

申请折扣 访问网站

OptinMonster

所有产品享受 40% 折扣点击“Claim Discount”按钮访问 OptinMonsters 网站并输入优惠券代码 VIP20OFF，下次购买可享受 40% 折扣。

申请折扣 访问网站

精湛的主题

25% 折扣SuperbThemes 目前对其所有定价计划都有 25% 的折扣，包括插件和主题的订阅和一次性购买。

申请折扣 访问网站

WordPress.com

目前没有折扣WordPress.com 在网络星期一等活动期间为其产品添加折扣，请访问他们的网站以查看他们目前是否有折扣。

申请折扣 访问网站

什么是“块”？

块只是内容块。 它可以是一段文本、音频文件、照片或照片库，甚至是视频。 它是古腾堡编辑体验的基础。 块用于创建帖子和网页。 用户通常会打包到 WordPress 中的是 Gutenberg 内置的标准块，任何使用 Gutenberg 编辑器的 WordPress 站点都可以使用它。 Gutenberg 的创建方式允许程序员扩展和扩展可用块。 可以使用插件或主题添加块。 因此，用户可以访问其他块，而不是仅限于标准块。

使用古腾堡作为 WordPress 编辑器

当您使用 WordPress 5.0 时，您将获得“块编辑器”或“古腾堡编辑器”作为 5.0 的默认文本编辑器。 今天我们将帮助您熟悉新的块编辑器。 让我们深入研究。首先，要像往常一样创建新帖子，请在帖子下按“添加新”。 您现在可以使用一个新块。

这看起来很不一样不是吗？ 经典编辑器中没有工具栏。 让我们熟悉一下这些功能和那些按钮。

顶部：

使用此顶部部分，您可以添加新块，还可以对任何块更改执行撤消和重做等操作。 您还可以查看您的内容结构信息，例如字数、标题、段落和块的数量。 您甚至可以使用“i”按钮在块中导航。

顶部包含一些基本的帖子编辑功能，例如保存到草稿、预览帖子和发布帖子。 齿轮图标显示右侧边栏中可见的设置。 在这里，您可以在“文档”和“块”设置视图之间切换。

文档部分视图与经典编辑器非常相似。 您还可以在此处选择状态和可见性、类别、标签、特征图像和属性。 块剖面视图允许您在添加任何块后更改其设置。 此功能使更改任何块的设置和更改字体大小、首字下沉等功能变得非常容易。 可以从这里添加每个块的单独背景颜色，甚至可以单独为每个块添加额外的 CSS 类。

最后，顶部的三个点显示了其他设置。 从这里您可以自定义块编辑器的外观。 您可以选择块的工具视图。 您甚至可以在“可视化编辑器”和“代码编辑器”之间进行选择。 还有一些工具可以管理可重复使用的块、制作键盘快捷键和复制内容。

添加块

这是新编辑器的主要思想，即添加块。 如前所述，块是新块编辑器的核心部分。 查看编辑器页面的左上角。 这将为您提供一个下拉菜单，您可以从中选择为特定目的设计的所需块类型。 使用搜索栏，您可以找到适合您需要的正确块。

此外，向下滚动菜单，您将看到更多基于其基本功能的块。 这些是通用块、格式、小部件和嵌入等。只需单击一下即可选择您想要的适当块。

接下来，一旦您开始在块中添加内容，您还将看到一个小工具栏。 此工具栏的功能取决于您选择的块类型。 这些工具栏用于对内容的样式进行编辑，例如对齐、样式、链接等。 更改块类型按钮用于更改当前块样式。 例如，您可以将段落块更改为标题、预格式化块、列表、引用或诗句。 最后三个点将为您提供更多选项，例如隐藏块设置，使其成为副本，将其编辑为 HTML，将其添加到可重用块，当然还有删除块。 您还可以使用 insert before 和 insert after 选项插入更多块。 当您需要添加内容或进行一些快速更正时，这会派上用场。 根据您选择的选项，这只会在您选择的块之前或之后添加一个块。 该系统非常直观，并且会立即变得有意义。

更改块设置

每个块都可以定制以满足您的要求。 只需单击要自定义的块，您将获得各种范围，您可以在右侧边栏中自定义块。 请记住，您可以使用顶部的齿轮或特定块的工具栏来显示或隐藏此选项。 块设置还取决于您选择的块类型。 例如，如果您使用的是段落块，那么块设置将允许您选择字体大小、字体类型或背景颜色。 您将拥有所有选项来自定义您通常认为会存在的块。 Gutenberg 非常用户友好，新开发人员很容易上手。

结束 WordPress Gutenberg 教程

我们希望这个简短的 WordPress Gutenberg 教程能够帮助您熟悉包含 WordPress 5.0 的新编辑器。 我们坚信，阅读本指南后，您将不再是“古腾堡”的新手。 新的块编辑器不仅易于使用，而且功能强大，因为它可以通过如此多的选项快速创建站点。 创建自定义块并使用工具自定义外观是此块编辑器的强大功能。 还有易于使用的界面来添加新块和添加内容。 如果您发现您实际上更喜欢旧编辑器，而您不喜欢新编辑器，请不要担心。 您可以随时切换回经典编辑器。 这是两全其美的做法，将允许人们使用最高效的编辑器。