建立你的第一个Shopify主题的4个基本技巧

Shopify主题开发

每个月,成千上万的商人涌向Shopify主题商店为他们的网店找到最完美的装扮。但并不是所有人都能找到他们想要的——相反,有些人想要一个自定义主题,或者是从现有平台迁移过来的。这是一个独特的机会,可以将Shopify添加到您作为自由网页设计师或开发人员提供的服务列表中。

开始你的第一个SOB欧宝娱乐APPhopify主题可能是一个令人生畏的经历。找时间熟悉一个新平台从来都不容易——尤其是当你正忙着建立自己的自由设计帝国时。考虑到这一点,我们为希望构建第一个Shopify主题的初学者编制了这个基本资源的简短列表。看看他们,并了解更多Shopify主题开发和使用Shopify metafields

探索Shopify液体代码示例

访问我们基于主题组件的可搜索的Liquid代码示例库。了解各种Liquid对象、属性和过滤器如何作为主题中组件的一部分一起工作。将它们直接添加到主题中,以更快、更可靠地构建和定制主题。

访问Shopify Liquid代码示例

1.花时间学习Liquid

无论您是定制商家现有的主题,还是从头开始构建一个主题,您都需要熟练使用Shopify的开源模板语言Liquid。我们保证这比你想象的要简单。

Liquid是一种基于ruby的高可读性和表现力的语言,支持所有Shopify主题。作为一种模板语言,它充当Shopify商店中的内容和用户浏览器中呈现的HTML内容之间的中介。从技术上讲,Liquid使用占位符结构来访问给定的商店数据(比如产品名称或价格),并将相关数据直接输出到模板中。

如果你是模板语言的新手,这个概念可能看起来很陌生,但幸运的是,有大量的资源可以帮助你开始使用Liquid和构建Shopify主题。OB欧宝娱乐APP以下是一些值得收藏的例子:

  • Shopify Liquid代码示例-一个基于主题组件的可搜索代码示例库,可以直接添加到主题中,允许您更快、更可靠地构建和定制主题。
  • Shopify的液体参考文档-完整而全面的参考液体,涵盖液体基础知识,并向您展示如何使用标签,对象,过滤器等。
  • Shopify液体小抄表-一个简单而详细的小抄,液体的价格。本页包括大多数Liquid语法元素的示例及其用途的描述。
  • 主题包-一个单一的二进制,跨平台的工具构建Shopify主题。如果您正在开始一个新的OB欧宝娱乐APP主题或使用现有的主题,Shopify主题工具包将使您能够在计算机上本地工作,并将主题更改推送到您的商店。
  • Shopify主题模板文档-学习构建Shopify主题的来来去去的资源,包括用于大多数Shopify主题的基础的典型Liquid模板文件的详细分解。
  • Shopify设计教程-虽然旧,这24个视频教程系列使工作与液体和设计Shopify主题非常容易消化;只是要小心,因为有些东西已经改变了(特别是:下拉菜单,Shopify部分,以及图像的渲染方式)。
模板图标

2.在Shopify合作伙伴学院学习

Shopify主题开发-合作伙伴学院

如果你想了解Shopify及其生态系统,那么Shopify合作伙伴学院才是正确的地方。要构建主题,您需要了解Shopify的核心特性和功能以及前端开发工具和框架。Shopify合作伙伴学院有几门自学基础课程,可以帮助您缩短成为Shopify合作伙伴的成功之路。要获得这些免费课程,你必须注册一个Shopify合作伙伴帐户

以下是你在构建Shopify主题时应该考虑的一些课程:

  • Shopify基本面-从店面到分析,熟悉Shopify的核心特性和功能。了解该平台的优势如何使Shopify与众不同,并揭示为合作伙伴和商家提供的庞大支持网络。
  • Shopify Plus基础-了解Shopify Plus如何为大批量商家提供可扩展、可定制和安全的解决方案。了解合作伙伴在迁移、自动化和集成方面帮助Shopify Plus商家的多种方式。
  • 设计和主题基础-利用Shopify的前端开发工具和框架,建立引人注目的商务体验。在熟悉Liquid、主题api和Slate框架的同时,学习安装、定制和开发主题的基础知识。

你可能还会喜欢:宣布Shopify合作伙伴学院-帮助您成功的认证计划

3.利用Slate主题工具包

Shopify主题开发-石板

2020年1月更新:请注意Shopify已终止对Slate的支持。您可以继续使用该工具,并根据自己的需要分叉回购,但您要自担风险。您可以在上了解我们终止Slate支持的更多原因Slate GitHub页面

Slate v1是Shopify对主题社区对现代工具和更好的开发体验的需求的回应。从本质上讲,Slate就像一个工具包,可以帮助开发人员制作高质量的主题,提高工作效率。当您开始使用Slate进行构建时,一个新项目就会与Slate的项目搭起脚手架OB欧宝娱乐APP起动器的主题

OB欧宝娱乐APPStarter Theme致力于包括最新的最佳实践和解决方案,我们认为这是我们在Shopify内部构建的大多数主题所需要的。它包含了Shopify主题团队认为构建Shopify主题必不可少的所有文件,比如模板和代码片段,以及标准的Liquid标签和逻辑。这里几乎没有需要删除的标记、类或其他代码。您还会注意到,这个主题中只有很少的CSS,这是有意为之的——starter theme不是一个框架,而是项目的起点。OB欧宝娱乐APP

下面是一些有用的链接,可以帮助你使用Slate进行构建:

  • 石板维基-一个入门指南,以及定OB欧宝娱乐APP义和Slate所有文档的清晰分解。它包括了关键的概念、定义、指南、参考和指导,以及如何将Slate作为一个开源项目进行贡献。
  • Slate的V1-这是石板惊人的功能和决策背后的石板最新发布的意图的分解。
  • 创建自己的Slate Starter主题OB欧宝娱乐APP-一个很好的教程,介绍了如何构建自己的入门主题来使用Slate。OB欧宝娱乐APP
  • 主题开发流程-对可靠的方法、工具和资源的有用分析,有助于加快我们构建Shopify免费主题的开发过程。

你可能还会喜欢:深入研究设计Shopify主题

4.让你的设计更有创意

虽然不是技术要求,但这可能是构建Shopify主题时要考虑的最重要的建议。由于商家对他们的商店有特定的要求和功能,所以要确保你的设计提供了一些现有主题所没有的新东西。

OB欧宝娱乐APP首先查看一下现有的主题,并尝试找出您认为存在的任何差距。您的创新主题设计可以满足利基行业商家或特定产品类型或库存规模无法满足的需求,或者只是整合尖端的布局风格。无论你选择什么作为灵感,一定要确保你的主题在外观、感觉和功能上都不同于现有的主题。

在构建主题时,你可能会发现更多有用的资源:

这些技巧和资源将帮助你成为在Shopify平台上赚钱的Liquid专家。发挥创意,开始建造吧!OB欧宝娱乐APP

通过Shopify合作伙伴计划发展您的业务

无论您提供营销、定制还是网页设计和开ob欧宝娱乐app下载地址发服务,Shopify合作伙伴计划都将为您的成功奠定基础。免费加入并获得收入分享机会,发展业务的工具,以及充满激情的商业社区。

报名

通过Shopify合作伙伴计划发展您的业务

了解更多