回应近期关于多长时间的争论WordPress的。该组织的新主页和下载页面设计本应实现，古腾堡 YouTuber Jamie Marsland 决定尝试使用块编辑器重新创建它。
Matt Mullenweg 评论了新设计进入开发的计划，称它应该“需要数小时而不是数周才能实施”。他最具挑衅性的评论引发了随后关于使用块编辑器的现实的对话，引用了 WordPress 的竞争对手。
“这是一个非常基本的布局，很难想象有人会在 Squarespace、Wix、Webflow 或其中一个 WP 页面构建器上花费超过一天的时间，”Mullenweg 说。
Marsland 决定使用 Gutenberg 来迎接挑战。对于这个练习，他使用了最新的默认 WordPress 主题，二十二十二。他的结果与 WordPress 的新设计不同，但非常接近，他能够在大约 20 分钟内打开主页。
在视频（嵌入在下方）中，Marsland 演示了创建主页每个部分的过程。他是块编辑器的高级用户。他可以快速移动行、列和组，根据需要调整填充和边距，并为每个部分分配相应的设计颜色。在这一点上，这不是大多数普通 WordPress 用户可以做的事情，这就是视频在观众中反应如此强烈的原因。 Marsland 的 YouTube 频道以帮助用户使用 Gutenberg master 和 WooCommerce 商店构建页面为中心。
[嵌入式内容]
“我的结论是，快速完成 95% 的设计非常容易，但根据我的经验，最后的 5% 总是花费最多的时间， ” Marsland 说。“我的猜测是，更多的是内部流程导致了延迟，但如果不参与其中，很难确定。我真的很想证明建筑设计不是古腾堡问题（正如 Matt Mullenweg 提到的 Wix 和 Squarespace 以及其他 WP 页面构建器。）”
该项目由 Automattic 和贡献者 Alex Shiels 赞助引用了一些与块编辑器无关的项目，这些项目导致了延迟，包括努力开发“a11y、响应能力、浏览器兼容性、SEO 和性能”以及与来自不同大陆的贡献者合作。
回应 Marsland 的尝试，WordPress 开发人员 Patrick Boehner 评论说小细节仍然很重要。Boehner 说：“你绝对可以从编辑器中的设计中分辨出什么是设计驱动的。”
Gutenberg 在 WordPress 中首次亮相五年后，主题开发人员仍然面临将不是使用块优先方法创建的设计变为现实的挑战。
“今天仍然根本不可能采用传统的模拟页面设计并使用块来执行该设计， “ 说s WordPress 开发人员 Jon Brown。 “这就是问题所在。”
“当然，块可以‘在浏览器中设计页面’并接受你从块中获得的内容，但块仍然缺乏生成响应式、可访问、像素完美布局所需的灵活性基于模型性和控制。.
“过去需要一天、十几行 php 和十几行 css 现在需要数周才能构建自定义块，因为核心块不容易用钩子进行了调整，缺少必要的基本控件。”
Gutenberg 的贡献者正在大踏步地引入流畅的排版，并正在跟踪一系列与提高设计工具一致性相关的问题。与此同时，随着块编辑器的成熟以适应那些希望让他们的设计立即响应的人，主题开发人员正在遭受必要的成长痛苦。
“我一直在从头开始构建一个完整的 FSE 主题，我很惊讶我能够使用编辑器、theme.json 和最小化甚至没有自定义来成功地复制我的设计CSS，”高级主题开发人员 Mike McAlister 说。 “当然，它花了很多时间修修补补，但我仍然印象深刻。
”但是，正如 Jon 提到的，第二次你需要创建一个更小的屏幕（或者如果你敢尝试编辑器中的移动优先设计，你需要更大的屏幕）进行调整，然后你就碰壁了。 margins、padding 和 block gaps 特别明显，它们还没有响应控件。您可以在新的 .org 主题中通过 CSS 查看调整。 "
响应性是 Shiels 提到的问题之一，为什么实施设计比在块编辑器中简单地重新创建它需要更多时间。
"但是，有迹象表明响应性将会改进，”McAllister 评论道。“平滑的排版和 clamp() 确实有助于检查排版，但总会有需要更好控制的情况。所有其他网站建设者都解决了这个问题，没有理由认为 WordPress 不能或不会。 （我当然希望如此，因为如今大约 50-60% 的流量来自移动设备！）
“克服这些成长烦恼的最佳方法之一是尽可能多地吃狗粮 -使用编辑器使用块编辑器和 FSE 构建尽可能多的真实场景来发现这些盲点。”
Marsland 的简短练习表明，如果您熟悉块编辑器，您可以重新创建WordPress.org 的块编辑器只用了一小部分时间进行设计。他成功地证明了古腾堡页面构建 UI 不会成为复制在其他应用程序中创建的设计的障碍。相反，它是开发人员通常必须在编辑器之外解决的所有其他相关清单项目——包括可访问性、响应能力和 SEO 考虑因素。 Gutenberg 越能减少与响应性和可访问性相关的额外工作，对于试图自己制作他们梦想的设计的普通用户来说，它就越容易访问。
类别：新闻、WordPress
资源
