2024最新GenerateBlocks插件使用教程

最新GenerateBlocks 插件使用教程，GenerateBlocks 插件是 Generatepress 使用 Gutenberg 构建页面构建器的方法。与其父主题类似，GenerateBlocks 快速、强大但不是最容易使用的，尽管如此，如果您想要一个页面构建器（可视化的WordPress布局编辑器）和一个快速的网站，这是一个很好的选择。

2020 年 2 月，GeneratePress主题的作者就推出了 GenerateBlocks，这是一个 WordPress 插件，通过新的Block增强了古腾堡（Gutenberg）编辑器的体验。

一年后，GenerateBlocks Pro 推出，为整个系统添加了新的功能和Block。您可能会想将 GenerateBlocks 称为页面构建器。但事实并非如此。

如果您想了解有关此 WordPress 块编辑器如何工作的更多信息，您可以用它做什么，以及它适合谁，请继续阅读GenerateBlocks 插件使用教程。

什么是GenerateBlocks？

GenerateBlocks 是一个 WordPress 插件，具有可视化页面构建器的功能。它允许您向页面添加不同的块（Block），它是创建网站的绝佳工具，可以灵活的对网站进行布局。

但它本身并不是一个页面构建器。那是因为 GenerateBlocks 融入了常规的 WordPress 存储库和界面。 

此插件添加的四个块可用于从古腾堡编辑器添加和自定义。

如果您想使用普通的 WordPress 编辑器编辑您的页面，并且不想让数十个页面构建器和其他协同工作的插件弄乱您的自定义代码，那么这是一个出色的解决方案。

尽管它是由GeneratePress 主题作者创建，但你的WordPress网站并不一定需要安装使用GeneratePress主题，换句话说，你可以使用任何主题，与 GenerateBlocks 插件结合使用就可以了。

提示：使用 GenerateBlocks插件，请确保您的经典编辑器插件已停用。

GenerateBlocks视频教程

这里提供了一个官网的视频教程，你可以通过这个视频教程快速了解到 GenerateBlocks 提供的功能。

GenerateBlocks插件使用教程

如果你和我一样使用Gutenberg 编辑器来修改和发布文章页面等，GenerateBlocks 是一个很棒的插件。它有自己的模块来增强您的网站，专业版带有额外的模板、背景和效果。总的来说，这是一个很好的插件，我们点赞。然而，这并不意味着它适合所有人。

GenerateBlocks安装

在使用之前，你需要安装它，WordPress安装插件是非常的简单的，步骤为：插件–>安装插件

然后按下图所示操作即可。

安装后了之后，我们就可以使用它了，在你发布文章或者页面的时候都是可以使用的。接下来介绍一下它的用法。

容器块（Container Block）

容器块主要是用于布局，它是页面的一部分，您可以在其中放置来自 GenerateBlocks 插件或任何其他插件的其它元素。

需要注意的是，英文版本叫Container。如下图所示，左边为中文版，右边为英文版。

实际在编写文章过程中，你可以利用GenerateBlocks做很多事情，例如你可以继续在容器里面添加其它的元素，也可以嵌套容器继续添加子元素，例如下图就是本文使用容器创建的一个推荐框。

强烈推荐

NameSilo

最值得推荐的国外域名注册商

Namesilo以便宜著称，国外注册域名首选服务商，续费不涨价，免费隐私保护，新用户可以使用优惠码在结账时节省 $1，在促销的时候可以低至$5.99就可以注册com域名，平时价格在$7.99到$8.99之间。

namesilo优惠码：SAVE-1-USD

当前com域名价格：$7.99

直达Namesilo官网

创建好容器内容之后，你可以将它们添加到可重用组件，方便下次写文章时继续使用。下图所示就是添加到可重用组件的方法。

网格块（Grid Block）

网格块是容器块的升级版，可让您在页面上创建复杂的布局。插入网格块时，您将选择一种布局：

根据您选择的网格类型，您可以使用多个并排容器。

在实践中，网格块和容器块将 WordPress Gutenberg 编辑器变成了页面构建器，因为您可以自由地为任何类型的 Web 开发插件添加 GenerateBlocks 元素、WordPress 元素或短代码。

就其本身而言，如果您使用 Gutenberg 编辑器，此功能使 GenerateBlocks WordPress 插件成为您工具集的一个有价值的补充。

标题和按钮块

除了网格块和容器之外，块 Generateblocks 没有添加任何革命性的轻量级 WordPress 块。您还可以插入标题块：

或者一个按钮：

该按钮很有胜任，因为WordPress自带功能不提供那么多自定义选项。所以你可以使用它来创建引人入胜的号召性用语。

但标题块？

GenerateBlocks提供的标题雩可以实现更多的功能，尽管原生WordPress提供了一些简单的功能。

GenerateBlocks 自定义功能

使用GenerateBlocks创建的块都有右侧的tab选项功能，这里可以根据自己的需求设置各种参数。

并且 GenerateBlocks 提供的预览功能可以让你实时的看到页面或者文章的变化，支持Desktop，Tablet，Mobile的预览（电脑，平板，手机）。

这在编辑您的 WordPress 文章内容或页面时非常有帮助。

此外，您在自定义按钮的外观，例如颜色，圆角效果，文本颜色，边框等等：

您可以编辑按钮的排版、间距、颜色、渐变和图标，这在创建GenerateBlocks组件时时为您提供了很多选项。

其他自定义选项包括：

• 编辑页面或容器的背景
• 高级排版优化
• 为每个容器创造合适的间距
• 更改容器（和容器元素）的颜色。您可以使用简单的颜色，或为元素的背景添加渐变
• 在容器中添加 SVG 图标

总的来说，GenerateBlocks 的免费版本带来了很多好处。它可以对您的香草编辑器进行的改进令人印象深刻。

但是，如果您想从中获得更多里程，您可能还需要考虑收费版本。

GenerateBlocks付费版

GenerateBlocks付费版在官网称为 GenerateBlocks Pro，提供了许多预制模板（使用所述块）、高级背景、更多自定义选项和自定义属性。接下来就来详细的看看呗。

模板库

GenerateBlocks 模板库拥有 160 多个预制元素，您可以在 Gutenberg 块编辑器中添加这些元素。

其中包括悬停框、号召性用语、图标和一堆其他通用内容，您可以重新利用它们来创建几乎任何页面：

与也有这种类型库的页面构建器相比，GenerateBlock 更难导航。

大多数预制模板可用于多种用途，因此它们非常通用。

这在编辑页面时为您提供了很大的灵活性，但也使浏览模板变得更加困难。

高级背景功能

免费的 GenerateBlocks 还可以让您编辑页面的背景。

但是，专业版增加了许多其他额外功能，例如能够将图像添加到背景中，或创建渐变背景。

GenerateBlocks 中的后台编辑没什么特别的。

但话又说回来，它在大多数插件中都不是一个复杂的功能，并且该功能的简单轮廓与 GenerateBlocks 的 Web 开发极简主义方法保持一致。

样式编辑

当您开始编辑网站的样式时，GenerateBlocks 有两个选项。

您可以对单个元素使用他们的复制粘贴系统，也可以为整个站点编辑全局样式。 

如果要编辑单个块以进行匹配，可以使用任何容器上方的复制和粘贴按钮：

复制元素的样式（包含颜色、排版和间距选项）后，您可以在不同的容器上按相同的按钮，然后按“粘贴样式”：

这是一种使站点部分具有统一外观的简单而有效的方法。

另一方面，全局样式不能从块编辑器中修改。至少，不是您正在处理的页面的块编辑器。

您需要转到主 WP 仪表板中的全局样式选项卡：

按顶部的“添加新”按钮，您将拥有一个新的块编辑区域。在那里，您可以创建要全局添加的样式。 

效果

GenerateBlocks 的专业版可让您为页面元素添加效果。您可以添加的效果库也令人印象深刻。

您可以为块添加过渡、文本阴影、过滤器或框阴影。

此外，您可以编辑每个块的不透明度和混合或转换。

请记住谨慎使用它们。打开时会炸毁屏幕的页面不是一流的设计。

容器链接

如果您想突出显示优惠或任何其他类型的 CTA（号召性用户或功能），您可以添加指向容器的链接。

这是一个简单的过程，因为所有容器的正上方都有一个超链接图标：

您可以从全局样式和一般 WordPress 主题外观编辑链接的外观。

设备可见性

GenerateBlocks 的免费版本让您可以像在移动设备或平板电脑上一样预览页面。

这是响应式编辑的一个很好的补充，但 Pro 版本更进了一步。

您可以选择从右侧边栏的“高级”选项卡中隐藏单个块：

如果您要在移动设备上重新创建页面的所有元素，它有时会显得杂乱无章。 

使用平板电脑和移动控件，可以轻松地使您的 WordPress 网站更美观，并且在较小的屏幕上响应速度更快。

然而，这个选项通常在大多数页面构建器的免费迭代中可用，所以它被锁定在 GenerateBlocks 的付费墙后面有点令人遗憾。

自定义属性

您使用 GenerateBlocks 编辑的每个块都可以从同一个“高级”选项卡添加自定义属性：

自定义属性不适应于新手，它是一个复杂的系统，可为您的站点带来技术优势。它允许您将数据（以任何方式都不是动态的）直接存储到站点的代码中。这可以让您的页面加载速度更快，进而提升您的用户体验和站点权限。

如果您不熟悉如何使用自定义属性，则不应使用此功能。但是，对于有经验的网站建设者来说，这可能是一种改善页面加载时间的好方法。

GenerateBlocks插件价格

GenerateBlocks 插件个人版是$39/年，小编认为还是相当的便宜了，至少对于不需要在无数网站上使用它的人来说是这样。这是官网套餐：

每年 39 美元，您就可以访问我们今天探索的所有功能，但您只能在一个站点上安装该插件。

如果您喜欢 GenerateBlocks 并希望在多个站点上使用它，您可以每年仅 69 美元的价格购买 Plus 层，这样您就可以在 10 个站点上安装该插件。

最后，想要为其客户使用该插件的 Web 开发人员每年可以支付 99 美元，并可以访问 250 个站点的块编辑器。

GenerateBlocks 没有免费试用期，但您可以使用 GenerateBlocks 的免费版本尝试该工具的精简版本。

当您升级到付费版本时，它会升级现有插件，因此转换时没有麻烦。

30 天退款保证，因此您可以随时试一试，看看它是否适合您。

支持

GenerateBlocks 有多种方法可以在您使用该工具时为您提供支持。如果遇到任何特定障碍，您可以向开发团队提交工单。

此外，Generateblocks 在他们的论坛上有一个活跃的社区和一个全面的文档，这意味着您总能找到一种获得帮助的方法。

它还可以更好。对于任何技术产品来说，实时支持总是一个很好的好处。但是在我们测试该工具的过程中，我们从未遇到任何问题。

结论

GenerateBlocks 是一个很棒的 WordPress 块编辑器。它是一个轻量级的编辑器，如果您愿意从头开始构建每个元素，它可以取代页面构建器。

但是，如果您想要一个丰富的模板库来启动您的页面构建工作流程，你可以选择其它的，例如：Elementor。

WordPress英文主题相关阅读