从零开始开发Shopify主题:(1)注册开发者店铺

本系列教程适合有代码基础的,想要自己开发Shopify主题的用户观看。这个教程是一个入门教程,可以让你了解开发Shopify主题是什么样的一个流程。

首先,你需要了解的是你无法在本地进行调试Shopify主题。因此,需要先去Shopify Partners去注册一个账号,注册完登录进去后,点击右侧商店,创建一个开发商店,如下图。
在这里插入图片描述
然后填写开发商店的名称和登录密码,因为我们是开发模板使用,所以目的选测试应用或模板
在这里插入图片描述
点击完成后,就进入了我们开发商店的后台:在这里插入图片描述
至此,我们的开发账号就搞定了!

Shopify开发者店铺后台
后台地址为上面你注册的名字地址,比如:https://yourstore.shopify.com/admin,后面的开发工作都将在这里进行。

Shopify准系统入门主题
Shopify为我们提供了一个用于开发的skeleton-theme,从GitHub上可以Clone下来,文件结构如下:
在这里插入图片描述
先不管这些文件都是干什么的,但是我们先要知道里面的大多数文件都是以.liquid结尾的,Liquid是Shopify自己的模板语言,关于Liquid语言的详细信息,可以查看这里-》https://shopify.github.io/liquid/

让我们打开src/layout/theme.liquid文件,可以看到里面的模板代码,这里我用的IDE是WebStorm,默认没有语法高亮的,需要安装一个插件Twig,然后配置一下,Editor->File Types->Twig ,添加一下*.liquid就行了,如下图:
在这里插入图片描述
如果我们想要上传模板,需要把我们刚才clone下来代码打包成zip文件,然后上传到shopify开发店铺的后台,注意这个模板无法直接使用,但是可以用这种方法修改已存在的模板,比如从模板商店下载的模板进行自定义。前面说过,Shopify的模板开发无法完全在本地开发测试,所以后面的课程会再介绍联线调试。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章