WordPress全站编辑会如何影响设计过程

97 阅读5分钟

我们设计和构建WordPress主题的方式正在发生变化。随着全站编辑(FSE)的引入,现在可以直接在Gutenberg块编辑器中改变网站的外观和布局的各个方面。

类似的功能以前可以通过使用页面生成器插件来实现。这也是自定义器长期以来试图解决的问题。但FSE提供了一个更有凝聚力的体验。

现在,任何拥有块状功能的主题的人都可以进行从小型风格调整到大规模的布局改造。额外的插件和编码技能是可选的。

这一功能对设计过程的潜在影响可能是巨大的。让我们来看看FSE给网页设计带来了什么。

在浏览器中构建原型

对于许多设计师来说,建立原型的过程与建立网站本身是完全分开的。诸如Sketch、Figma或Photoshop等工具被用来创建外观和布局。在那里,客户的修改被实施,一旦被批准,就是开始制作主题的时候了。

有了FSE,就有机会转移到基于浏览器的方法。我们不需要把模拟图翻译成HTML、CSS和JavaScript,而是在建设过程中为我们生成代码。模拟图是一个工作网站,而不是一个抽象的传真。

人们可以想象,使用一个基于块的启动主题,它提供了访问一个典型网站的基本功能。该 theme.json文件可以用来配置默认样式,然后可以在全局样式界面中进行调整。同时,诸如自定义脚本和功能等资产已经到位--让设计师更专注于精心设计完美的外观。

这可能会导致一个更有效的工作流程。此外,利益相关者将得到一个准确的、实时的网站如何在多种设备上运行的视图。而且,使用块状编辑器可以避免挖掘代码来进行设计相关的修改。

就像我们所掌握的其他工具一样,关键在于我们如何选择使用它。对于一些人来说,基于浏览器的原型设计可能会扰乱他们的创作流程。另一些人则可能把它看作是生产力的一个重要提升。

WordPress Global Styles in the Full Site Editor

更快的设计=更少的创造力?

这种方法并不是没有风险。当涉及到设计时,它可能会导致偷工减料和某种同质化

我们已经在一些商业主题框架中看到了这一点。同样的功能和布局被不厌其烦地使用。在最坏的情况下,这可能会导致设计基于方便而不是需要。

例如,通过块状编辑器访问主题模板,可能会抑制编写自定义CSS的积极性。与其努力创造一个独特的外观,现有的样式可能被认为是 "足够好"。

还有一种可能性是过分依赖与各种插件或块捆绑在一起的默认样式。虽然有些会融入你现有的主题,但有些则需要定制工作来适应。

底线是,仅仅因为全站编辑使设计更快,我们仍然要注意细节。

WordPress Block Patterns

通过子主题或其他手段添加风格变化

多年来,子主题一直是WordPress的一部分。它们提供了一种定制主题所需部分的方法,而没有在更新后失去它们的风险。更新父主题,子主题就会保持不变。

FSE增加了另一层,这在设计过程中可能是有用的。那就是通过子主题创建风格变化的能力。

这涉及到对子主题的theme.json 文件进行相关修改。Justin Tadlock在WP Tavern上有一篇关于这个技术的文章。对于网页设计师来说,这里有很多的可能性。

由于它与我们的主题有关,这将允许设计师创建网站设计的多个版本供利益相关者考虑。切换设计就像在WordPress中改变哪个子主题一样简单。

然而,还有其他一些建议将完全摒弃子主题。他们不依赖于独立的主题,而是依赖于在一个主题中存在独立的文件来产生风格变化。

这些变化可以包括自定义颜色、排版和布局的任何组合。这对于客户不确定他们想要什么的项目来说是很好的。此外,需要各种设计选择的网站可以无缝地做出改变。

这些都是可以与最初的设计一起实施的项目。而且,在WordPress中进行这样的修改可能比试图维护多个模拟文件(然后必须移植到你的主题上)更容易。

The WordPress Themes screen

为WordPress设计的新方法

当其他内容管理系统提供某种形式的可视化主题设计时,它只是最近(从5.9版本开始)才来到了WordPress。因此,对于专门从事这一工作的设计师来说,它是一个新的工作流程。

全站编辑,就像Gutenberg块编辑器本身一样,有其怪异之处。它也处于不断变化的状态。新的功能总是在拐角处。

但是,即使它的早期迭代也指向了网页设计过程中的变化。对于一些人来说,这可能意味着他们的大部分设计工作都是直接在网络浏览器中完成的。在效率方面有很大的潜力。

然而,也值得指出的是,FSE并不是一个要求。新命名的 "经典 "WordPress主题仍然可以正常工作,使用它们进行设计的过程也是如此。

但是,如果你已经准备好进行改变,FSE可能是你一直在等待的工具。

The postWordPress全站编辑如何影响设计过程出现在Speckyboy Design Magazine上。