构建 Shopify 主题的最佳实践

为了优化你的主题开发体验,Shopify 制定了一套最佳实践,在你开发主题、设置工具链和流程时可以参考。

设计和编写主题代码

为了创造最佳的客户体验,同时保持商家的商店快速、可访问、易被发现,你需要考虑很多因素。在构建 Dawn 主题的过程中,Shopify 开发者总结出了一些原则和最佳实践,你可以参考这些来设计和构建一个优化的主题:

  • Templates、sections 和 blocks:你可以利用 Shopify 的主题架构创建一个模块化、可高度定制的主题,帮助商家实现他们的业务目标。了解在将主题模板拆分为 sections 和 blocks 时需要考虑的事项,以及如何决定主题组件的粒度。
  • Performance:性能对于你所支持的商家的成功以及他们客户的体验来说至关重要。学习如何优化和测试你的主题性能。
  • Accessibility:了解如何提升你主题的可访问性,为商家和顾客打造一个包容性的体验。
  • Design:了解优秀主题设计背后的关键原则,以及如何设计一个满足商家及其客户需求的主题。

避免欺骗性的编码做法

作为一个 Partner 和开发者,你绝不能使用欺骗性的编码做法,比如混淆代码或操纵搜索引擎。了解更多 Shopify 所认为的欺骗性行为

使用主题工具和构建工具

随着你的团队发展,你可以参考我们的最佳实践,使用开发工具构建健壮的开发流程。

  • 版本控制:了解如何为 Shopify 主题应用版本控制,以及管理源代码和编译代码的策略。
  • 文件转换:如果你想在使用 Shopify 主题时采用你偏好的代码组织策略和构建工具,可以查看这些最佳实践,了解你可以对主题文件应用哪些类型的文件转换及其好处。

主题开发的指导原则

除了上面列出的最佳实践外,你还应该考虑以下主题开发的指导原则。

无论你是为某个特定商家,还是为 Shopify Theme Store 开发主题,这些原则都适用。

主题开发指导原则

原则 描述
Be performant 主题开发应以性能为核心,这样商家和他们的客户才能享受最快、最可靠的线上购物体验。主题应尽量减少 JavaScript 的使用,并主要依赖现代和原生的网页浏览器功能来实现大部分功能。
Be purpose-built 每个主题的布局、风格和功能集都应有明确定位,并针对特定的商家或商家群体进行优化。你的主题在开箱即用时,应提供一整套优化工具来满足商家的需求,基于他们销售的商品和目标客户。专用型主题相比通用型主题能为商家带来更多价值。
Offer best-in-class UX 随着 Shopify 商店数量的不断增长,主题具有引领行业、塑造电商用户体验模式的能力。主题应以质量为核心进行设计,始终将顾客放在首位。
Be mobile first 由于大多数线上商店的流量都来自移动端,移动端优先的设计理念必须贯穿整个主题开发流程。
Be accessible 为了为各种类型的商家和顾客提供最佳体验,主题从一开始就必须按照可访问性最佳实践构建。
Make customization simple 商家使用主题来定制和表达他们的品牌形象给潜在客户。主题应具有灵活且经过深思熟虑的选项,方便商家进行定制,同时又足够简单,能让他们快速搭建商店并开始销售产品。