從零開始開發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的模板開發無法完全在本地開發測試,所以後面的課程會再介紹聯線調試。

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