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

Shopify主题开发

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

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

探索Shopify液态代码示例

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

访问Shopify液态代码示例

1.花时间学习Liquid

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

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

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

  • Shopify液态代码示例-基于主题组件的可搜索代码示例库,可以直接添加到主题中,允许您更快,更可靠地构建和自定义主题。
  • Shopify的液体参考文档-一个完整而全面的液体参考,涵盖液体基础知识,并向您展示如何使用标签,对象,过滤器等。
  • Shopify液体小抄-一个简单而详细的液体标记小抄表。本页包含了大多数Liquid语法元素的示例和它们用途的描述。
  • 主题包-一个单一的二进制,跨平台的工具,用于构建Shopify主题。如果你正在开始一个新的OB欧宝娱乐APP主题或使用一个现有的主题,Shopify主题套件将使您能够在本地计算机上工作,并将主题更改推送到您的商店。
  • Shopify主题模板文档-学习构建Shopify主题的来龙去脉的资源,包括作为大多数Shopify主题基础的典型液体模板文件的详细分解。
  • 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欧宝娱乐APPSlate所有文档的清晰细分。它包括关键的概念、定义、指南、参考,以及如何将Slate作为一个开源项目进行贡献的方向。
  • Slate V1-这是Slate的惊人功能和决策和意图背后的最新版本的细分。
  • 创建您自己的Slate Starter主题OB欧宝娱乐APP-一个伟大的教程,通过如何建立自己的启动主题与Slate工作。OB欧宝娱乐APP
  • 主题开发流程-对可靠的方法,工具和资源的有用分析,有助于加快我们构建Shopify免费主题的开发过程。

您可能还会喜欢:深入了解设计Shopify主题

4.让你的设计更有创意

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

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

在构建主题时,您可能会发现一些有用的资源:

  • 入门指南与Shopify-三部分指南的Sass与Shopify。学习SCSS语法的基础知识以及如何使用SCSS和Shopify。
  • 初学者的Git指南与Shopify-使用Shopify的三章Git指南。了解版本控制的好处,如何开始,以及团队的工作流程。OB欧宝娱乐APP

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

借助Shopify合作伙伴计划发展您的业务

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

报名

借助Shopify合作伙伴计划发展您的业务

了解更多