调整块上的填充。
本周早些时候 Gutenberg 9.0 发布时,它引入了用于分块的实验性填充控制。大多数用户不会看到它,除非他们的主题选择使用 experimental-custom-spacing 标志来支持它。
这不是我们第一次看到块上的填充选项。 Gutenberg 8.3 介绍了它的封面。从那时起,实施没有任何变化。
自定义间距/填充选项的问题是它创建的内联样式不适应主题的设计。幸运的是,此功能仍处于试验阶段。这意味着我们有时间重新评估它的运作方式。
除非我们不消除任何剩余的幻想,即主题将在 WordPress 的未来发挥重要作用,并且前端设计完全根植于核心,否则主题作者需要一定程度的控制。而且,即使主题像恐龙一样前进,块级别的自定义填充数字也会在以后产生设计一致性问题。在网站的当前设计中,使用 100 像素的填充可能有意义,但在未来的设计中,可以使用 96 像素。当用户今天使用自定义填充添加数十个或数百个块时,明天将对间距和步调造成严重破坏。
除此之外,一般用户对设计规则的概念很少。拥有标准化的间距系统将使主题作者能够控制输出,同时让最终用户能够自定义外观。
我认为 WordPress 需要某种设计框架。例如,Tailwind CSS 有一个特定的填充类。 Bootstrap 和几乎所有其他 CSS 框架也是如此。 Web 开发社区一直走这条路。这是一条直截了当的路径,WordPress 不会通过使用内联样式进行创新。
如果 WordPress 平台要将这种功能交到用户手中,它应该以允许设计人员做他们自己的事情的方式进行,而不是将用户推向一个半永久的状态在其内容中嵌入样式汤。
在古腾堡之前,我完全反对 WordPress 引入任何一种 CSS 或设计框架的想法。然而,该平台一直在朝着成为基于 UI 的设计工具的方向发展,而不仅仅是一种管理内容的方式。用户将在全球范围内一直到各个模块都拥有与设计相关的选项。用户绝对应该能够在这样的系统中调整块的填充。他们不需要了解 CSS。相反,对于大多数用例,用户应该能够根据需要更大或更小的间距而不是特定的 CSS 值来调整填充。
我提出了一整套标准化的填充类。未来保证金或其他与设计相关的选项也是如此。 Gutenberg/WordPress 应该为这些类创建一组默认值,主题作者可以根据他们的设计覆盖这些默认值。
这不是一个新概念。 Automattic 的开发者 Dave Smith 在 Patch 2019 代码中引入了使用命名选择器在 Group 块上进行间距的代码。他给出了以下选择绝对值方法的理由:
假设你是一个主题设计师。您可以使用适合您设计的间距制作 CSS。即使最终用户在块编辑器中创建页面布局,您也希望确保主题之间的一致性。
使用我在此处采用的方法,仅在选择尺寸时将类添加到 DOM 中的块。这使主题创建者有机会在 CSS 中提供适合其主题的自定义尺寸。如果他们选择不这样做,则会提供合理的默认值。
通过像素方法,我们将 Block 的用户锁定在绝对的范围内,并要求他们做出许多他们可能不想做出的决定。这也会导致不一致的视觉体验。
这艘船以自定义颜色和字体大小航行和沉没。 Gutenberg 有机会为这些选项标准化类名,但将其留给主题作者。因此,整个主题市场没有标准,这意味着选择主题提供的“大”字体大小或“蓝色”文本颜色可能不会延续到您的下一个主题。现在,随着 WordPress 转向全站点编辑,我们正处于更多与设计相关的选项的风口浪尖。现在是时候考虑一些与设计相关的类名标准,并提供一个所有主题都可以使用的框架了。
Gutenberg 仍然可以提供自定义填充选项,例如颜色和字体大小。选择走这条路的用户将做出超越标准工作的明确选择。但我们不要走这条路,让用户将绝对间距值设置为默认选项。
喜欢这样:
喜欢正在加载...
资源