上周，当我对他对 Gutenberg Forms 项目的评论进行最终编辑时，Munir Kamal 正准备为块编辑器推出另一个 WordPress 插件。这个叫做 EditorPlus，它将为块创建一个设计系统。 Kamal 和他的团队悄悄地完成了 1.0 版的最后润色，并在几天后将其发布在 WordPress 插件存储库中。
与创建自定义模块以实现特定设计结果的许多其他插件不同，EditorPlus 使用户可以灵活地使用自己现有的内容自定义页面。它为 WordPress 的每个现有模块添加了许多设计选项。在前端，它只动态输出该页面需要的CSS，节省空间。
也许这个插件现在最好的事情是它为许多与设计相关的功能奠定了基础，这些功能最终可能会出现在 Gutenberg 中，并最终出现在 WordPress 核心中。 Gutenberg 团队可以借鉴、迭代和改进想法。我们已经在 Gutenberg 8.3 中看到了实验性的填充控制区域。只有开发团队必须遵循随后的其他设计控制才有意义。这些控件首先在第三方插件中推出的好处是，团队可以了解用户对它们的反应，并查看他们是否会在做出任何承诺之前直接在 Gutenberg 中工作。
对于那些希望在不接触代码的情况下有很大设计自由度的人来说，EditorPlus 不乏优势。本质上，该插件是一个不需要 CSS 知识的 CSS 编辑器。它通过块选项为最终用户提供最需要的 CSS 功能选项。对于那些喜欢修补设计并且足够强大以创建独特布局而又不在前端繁重的人来说，这是一个游乐场。
EditorPlus的工作原理 
编辑图库块的背景和填充.
激活 EditorPlus 插件后，最终用户可以转到帖子或页面编辑器并立即开始使用其选项。插入块后，插件在块选项面板下提供以下八个选项卡（每个选项卡前面都有一个+号）：
- Border
- Frame Shadow
- 尺寸
- 背景
- 边距
- 填充
- 边框半径
- 附加
这些选项卡只会显示核心 WordPress 块，不会显示第三方插件块。除了 Extras 选项卡之外，每个选项卡都对应于它的 CSS 副本。 “Extras”选项卡提供了一个更高级的“Display”选项，允许用户在 CSS 中更改块环绕元素的显示值。此选项最好保留给高级用户。它还提供了一个过渡选项，可以很好地与悬停样式配合使用。
每个块选项选项卡还有神秘的“R”和“H”按钮。 “R”按钮允许用户启用响应选项，这意味着他们可以根据桌面、平板电脑和移动屏幕更改块样式。 “H”按钮允许用户根据鼠标悬停状态更改设计。
在悬停时为 Pullquote 块添加阴影。
这个插件在一些地方包含了很多选项。所有新的设计选项卡一开始都会让人有点不知所措。但是，只要少量使用，就很容易获得一些肌肉记忆并快速进入自定义布局。
插件的各个选项都很简单。而且，如果没有，您将受益于块编辑器的即时反馈。
对于某些用户来说，有几个方面可能会出现问题，具体取决于他们的主题样式如何影响某些块。例如，尺寸选项卡下的宽度设置可能并不总是有效。某些主题会为块添加最大宽度，无论大小如何，从而限制整体宽度。可以通过插件覆盖此规则，但 Kamal 在 1.0 版本中选择不这样做。
注意边距。根据主题设计，它可能会使用左右边距来放置内容。即使只设置了顶部或底部边距，插件也会自动为左右边距输出 0。这可能会破坏某些主题的内容布局。
插件的一个问题是我的活动主题的样式经常覆盖插件的样式。例如，默认的 Twenty Twenty 主题在其 CSS 中以 p.has-background 为目标来添加自定义填充。因此，它以更高的特异性替代了EditorPlus插件的CSS。这个问题是预料之中的，插件开发人员以每个设计选项的“重要”复选框的形式添加了解决方案。如果用户选中此框，它将添加到输出的样式规则中！ important，这将允许它覆盖主题样式。这不是傻瓜的 100% 解决方案。您的里程可能因主题而异，但它应该适用于大多数用例。
我不喜欢 UI 中重要复选框的想法。用户无需担心。然而，这是一个现实世界，主题和插件没有真正的方式来传达哪些设计规则比其他设计规则更重要。虽然预计不会在用户界面中使用，但它仍然是一个明智的选择。否则，过多的主题样式规则会覆盖插件的 CSS。
最后的想法
EditorPlus 为 1.0 版本开了个好头。在测试过程中，我发现了一些错误。对于普通用户来说，任何问题都可能以主题冲突的形式出现，这很可能是高度特定的或！重要的主题。
Kamal 在插件的网页上明确指出该插件还有更多用途。我不确定他的想法是什么，但我很乐意看到它们。我希望看到与文本相关的块（例如标题和段落）的文本阴影选项。如果能在 Gallery 块中看到一些图像的设计选项，而不仅仅是包装元素，那也很好。
是否应该使用EditorPlus将取决于您是否需要其他设计控件。 EditorPlus 适用于想要更类似于轻量级页面构建器但又想使用原生 WordPress 的用户。这个插件是可能性的一个很好的例子，并且很好地表明了有一天可能会出现在 WordPress 上的潜在设计选项。
喜欢这样：
喜欢正在加载...
资源
