使用 GenerateBlocks WordPress 插件构建多功能布局
在过去的几周里，我在我的测试环境中安装了 GenerateBlocks 插件.我已经用它构建了一些布局，修补了其他项目之间的插件.我一直在想的一件事是它具有巨大的潜力.除了几个问题之外，我开始越来越喜欢这个插件，因为我玩弄了它的选项.
GenerateBlocks 由 Tom Usborne 创建.它是专门为与他流行的 GeneratePress 主题一起使用而构建的.但是，该插件声称适用于任何 WordPress 主题.
GenerateBlocks 是页面构建器问题的块答案.它旨在将那些使页面构建器如此受欢迎的元素归结为几个块.它旨在简化构建复杂布局的过程，而无需更重的解决方案.问题是它是否站得住—它能完成它计划做的工作吗?
总体而言，它运行良好，尤其是在布局构建方面提供了更多自由.它不太可能在短期内蚕食页面构建器的市场份额.但是，它可能会更多地转换到块编辑器，尤其是那些不依赖于现有解决方案并正在寻找轻量级东西的人.
观看有关 GenerateBlocks 工作原理的快速视频:
插件块
GenerateBlocks’面包和黄油是它的容器块.它将 WordPress Cover 和 Group 块合二为一，其中包含几乎可以满足所有需求的大量附加选项.
Container 块不足的一个主要领域是处理全宽部分.它没有利用所有主题都可以选择的标准全宽块对齐选项，而是使用自定义解决方案.该解决方案是提供一个通知，即用户的主题必须具有某种全宽内容选项(可能通过页面模板).选择这条路线意味着大多数主题，包括那些为样式块构建的主题，在设置为全宽时将不支持 GenerateBlocks Container 块.
对于使用支持标准全宽块对齐主题的最终用户，有两个技巧可以绕过此限制.第一个解决方案是在高级块选项选项卡下的 CSS 类字段中输入 alignfull.第二种解决方案是用 WordPress Group 块包装 Container 块并将其设置为全宽.这些解决方案的效果在很大程度上取决于主题如何处理这些元素.
凭借 GenerateBlocks 的所有灵活性，这就是我不会向想要全角布局的用户推荐该插件的原因.这两个技巧都不是理想的用户体验.在设计中，最重要的是让用户不必思考.提供的解决方案应该很简单.
如果我们给插件的单个元素打一星评级，那么其他所有内容都将是五颗星.
插件的四个块可以轻松替换其他几个块.GenerateBlocks 不是创建一个包含数十个一次性块的库，而是增加了多功能性而不会过度.很容易理解为什么用户给它一个完美的五星级评价(在其目前的 34 条评论中).
该插件总共为编辑器添加了四个块:
- 容器
- 网格
- 标题
- 按钮
不可否认，我偏爱 Automattic 的 Layout Grid 插件，主要是因为我更喜欢后台网格的可视化.它让我放心.然而，GenerateBlocks 中的 Grid 块运行紧随其后.在实践中，它更灵活，提供更多开箱即用的布局选项和细粒度控制.对于那些需要更好地控制列宽和大量颜色、排版、背景和间距选项的人来说，GenerateBlocks 是明智之举.
Headline 和 Buttons 块本质上是核心 Heading 和 Buttons 块的重新创建，其中包含使该插件有用的所有选项.此外，这些块还有一个额外的图标选项，允许用户在输入自定义 SVG 代码或从预定义的常规和社交图标列表中进行选择.这是我希望在核心 WordPress 中看到的一个很好的接触.
使四个插件块如此灵活的原因是块选项的丰富性.对于每个块，您会发现以下大多数选项选项卡，每个选项卡下都有许多字段:
- 排版
- 间距
- 颜色
- 背景图像
- 背景渐变
- 高级(核心选项卡的额外选项)
- 图标
该插件还提供基于桌面、平板电脑和移动模式的选项.这允许最终用户根据网站访问者的屏幕尺寸进行更改.
如果我对该插件还有其他挑剔的话，那就是它的颜色选项没有利用主题定义的调色板.为了设计的一致性，能够在不使用颜色选择器或输入十六进制代码的情况下使用它们会很好.更新: 有一个"显示调色板"按钮执行此操作，但并不明显它会提供对我的主题颜色的访问.
最后的想法
我会推荐这个插件吗?绝对推荐.
我会确保注意该建议的全角容器块问题.如果您将它与 GeneratePress 以外的主题一起使用，您将需要一个处理全宽部分的解决方案.对我来说，这是布局构建器本质上最重要的部分，但它没有达到预期.
然而，有一个问题并没有降低开发人员构建的有用性.这是一个可靠的插件.在引擎盖下，它是一个经过良好编码和记录的软件.我毫不怀疑，它会在未来几年为更多用户提供服务，并且只会继续改进.
