WordPress 官方周边商店 Mercantile 迎来全新改版，新版不仅重新设计了首页布局和商品展示方式，还全面升级了底层技术架构，基于 WordPress 7.0 与 WooCommerce 区块（Blocks） 构建，为用户带来更加流畅、现代化的购物体验。
此次更新兼顾视觉设计、交互体验与无障碍访问，同时也展示了最新 WordPress 与 WooCommerce 在电商场景下的应用能力。
全新界面设计，突出商品浏览体验
新版 Mercantile 将商品目录置于页面核心位置，整体布局更加简洁直观，并针对桌面端、平板及移动端进行了全面优化，无论在哪种设备上访问，都能获得一致的浏览体验。
此外，官方还加入了不少细节优化，例如：
- 当商品仅剩一个可选规格时，系统会自动完成规格选择；
- 订单确认邮件采用与商城统一的视觉风格；
- 页面交互更加流畅，减少用户操作步骤。
这些改进进一步提升了整体购物体验，让下单流程更加自然高效。
设计融入 WordPress 社区文化
除了视觉升级，新版 Mercantile 在设计语言上也延续了 WordPress 一贯的社区特色。
页面中的许多元素都向 WordPress 经典界面致敬，例如：
- 熟悉的 Metabox（元框）设计风格；
- Admin Bar（后台工具栏）元素；
- 社区吉祥物 Wapuu 不定期“彩蛋式”亮相；
- 隐藏在页面中的开源文化和代码细节。
官方希望通过这些设计，让整个商城不仅仅是一个购物网站，更成为体现 WordPress 社区文化和开源精神的展示窗口。
基于 WordPress 7.0 与 WooCommerce Blocks 构建
新版 Mercantile 最大的亮点之一，是几乎全部采用区块化方式搭建。
包括：
- 商品列表
- 购物车（Cart）
- 迷你购物车（Mini Cart）
- Checkout 结算页面
- 订单确认页面
均基于 WooCommerce Blocks 实现，并结合商城专属的自定义主题区块完成开发。
与此同时，官方还利用 Interactivity API（交互式 API） 实现了商品分类导航、弹窗状态切换等动态交互，让页面响应更加流畅。
整个商城目前运行在 WordPress 7.0 平台之上，充分展示了最新版 WordPress 在现代电商项目中的应用能力。
注重无障碍体验与商品信息展示
新版 Mercantile 同样延续了 WordPress 对无障碍设计（Accessibility）的重视。
商城支持：
- 尊重用户减少动画（Reduced Motion）偏好；
- 页面颜色符合无障碍对比度标准；
- 更友好的键盘导航体验。
商品详情页也进行了优化，新增了更多产品属性展示，包括：
- 尺寸（Size）
- 材质（Material）
- 清洗与保养方式（Care Instructions）
方便用户在加入购物车前获取更完整的商品信息。
WordCamp Europe 现场完成真实场景测试
此次新版 Mercantile 还服务于 WordCamp Europe 官方周边销售。
为了适应线下活动场景，开发团队新增了：
- 本地自提（Local Pickup）功能；
- 活动限定商品（Event-only Products）；
- 更符合现场销售流程的结算体验。
活动期间，共完成了 50笔线下支付订单，新版结账流程也因此接受了真实用户环境下的验证。
命令行版本商城正在开发中
官方还透露，一个有趣的新功能正在筹备中。
未来，开发者可以通过命令行（CLI）浏览 Mercantile 商店，以纯文本方式探索商品和内容。这一创意被视为向 WordPress 开发者社区的一次致敬，也延续了开源文化一贯的技术趣味。
目前该功能仍在开发阶段，官方表示上线后将在商城中加入相关提示和彩蛋，引导用户体验这一特别版本。
每一次购买都将支持 WordPress 基金会
WordPress 官方表示，新版 Mercantile 的上线离不开众多社区贡献者共同参与设计、开发、测试与优化。
与此同时，Mercantile 的所有销售收入都将用于支持 WordPress Foundation（WordPress 基金会） 的发展。作为一家美国 501(c)(3) 非营利组织，WordPress 基金会长期致力于推动开放源码软件发展、促进内容发布自由，并持续维护 WordPress 开源生态。
新版 Mercantile 不仅展示了 WordPress 与 WooCommerce 最新技术能力，也让每一次购买都成为支持开源社区发展的实际行动。
分类：新闻资讯
标签：wordpress