构建 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 | 商家使用主题来定制和表达他们的品牌形象给潜在客户。主题应具有灵活且经过深思熟虑的选项,方便商家进行定制,同时又足够简单,能让他们快速搭建商店并开始销售产品。 |