后语
注:在写完这篇文章 5 天后,我被辞退了。对,标题我没改过。
好在被辞退了,才找到更适合的工作 :)
前言
毫无疑问,修改主题能够实现功能增强,或细节优化,提升转化率。
然而,如果直接在网站后台修改已经上线的主题,一来容易出错,二来效率低,要知道,每个操作流程省那么几秒,累积起来也是很客观的,而且,流畅能提升工作状态,减缓精力消耗。
So, let's get started !
一、下载及配置环境变量
1. 下载 Shopify Theme Kit 客户端
2. 在 C:Program Files 新建目录 Theme Kit,并将下载文件放入
3. 配置环境变量
a. 右键资源管理器-属性-高级系统设置
b. 选择“环境变量”
c. 选择 用户变量-Path-编辑-新建,直接粘贴路径,连续点击 "确定" 即可。
二、创建 API
- Shopify 后台-Apps-Manage Private Apps
(202011更新:现在只有店主账号才能创建,员工账号看不到入口)
2. Create new Private App
3. 填写名称和邮箱
4. 往下滚动,点击 Show inactive Admin API permissions
5. 一直往下滚动,找到 Themes,改成 Read and write,点击 右上角的 Save
6. 点击 Create App
7. 创建成功,往下滚动,复制 API Key 下面的 Password,复制成功后会有提示
三、获取 Theme ID
- 在现有主题基础上复制一份主题
2. 复制完成后,在下方 Copy 的主题上点击 Customize,跳转之后,网址中的数字就是 Theme ID
所以现在 API password, Shopify 店铺地址, Theme ID 都有了
四、将配置信息写入 config.yml 文件
- 在其他路径新建 config.yml 文件
2. (用 Notepad++ 或 Visual Studio Code 等)将下列代码粘贴到 config.yml 中,并替换对应的 Password, Theme ID(获取方式见下文)和 店铺地址,注意去掉 [ ],详见截图示例。
development:
password: [your-api-password]
theme_id: "[your-theme-id]"
store: [your-store].myshopify.com
3. 保存之后,在文件资源管理器地址栏输入 cmd 之后回车
4. 输入 theme download ,回车,下载完成之后,主题文件会下载到对应的文件夹
theme download
5. 继续在 cmd 中输入 theme watch,并回车,这样可以监测修改是否成功或是否出错
theme watch
6. 下载并安装 Visio Studio Code,打开主题文件夹,编辑之后保存,即可看到更改状态。
备注:同步是单向的,因此建议保持在本地修改的习惯,如果在网站后台修改了主题,需要运行 theme download 才能同步到本地。
每次需要修改主题时,在对应的文件夹运行 theme watch 即可。
绑定多个主题,以及通过 Quicker 动作快速在当前文件夹打开命令终端,并运行 theme download(这样就不用每次手动输入)的演示,过几天再补充。该学习了。
By the way,今天申请创建的微信圈子晚上已经通过了审核,感兴趣的同学可以扫码加入交流:
文章看完没搞定?高清视频在这里:
第 04 期-Shopify 主题修改-Theme Kit 套件安装与更新_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com