用于 Wordpress 的 Gutenberg 组件的标准编辑器样式答案

【问题标题】：Standard Editor Styles for Components in Gutenburg for Wordpress用于 Wordpress 的 Gutenberg 组件的标准编辑器样式
【发布时间】：2019-04-27 15:22:06
【问题描述】：

我正在使用 create-guten-block 工具在 Wordpress 中试验 Gutenburg 块。我想知道是否有标准样式可以用来设置界面样式。例如，我使用 TabPanel 组件创建了一个非常简单的控件，该控件呈现为：

非常丑陋，如果我们将组件编码为垂直方向，则布局不会发生变化。

作为开发人员，我们是负责设计这些组件的样式，还是有一套标准的样式我们可以引入和使用？

【问题讨论】：

标签： wordpress wordpress-gutenberg gutenberg-blocks create-guten-block

【解决方案1】：

对于某些组件，您负责设置样式。 Wordpress 为<TabPanel>component 添加了样式。但是 Wordpress 仅在块编辑器侧边栏中使用它，而不是在块本身中。

您可以从定义选项卡样式的here 获得灵感。模仿它们并使其适应您的需求应该很容易。

【讨论】：

谢谢。我猜是有道理的，因为块编辑器可以以任何开发人员的意愿使用，如果您考虑到相当利基的布局，那么设置样式将是可怕的覆盖。