Shopify 主题开发:在线商店 2.0 + TailwindCSS
Shopify Theme Development: Online Store 2.0 + TailwindCSS
了解如何使用 Shopify CLI、Liquid 和 TailwindCSS 为在线商店 2.0(JSON 模板)创建 Shopify 主题
你会学到什么
-
了解新的在线商店 2.0 和 Shopify 的新主题架构
-
Shopify 主题开发
-
流式编程(标签、对象和过滤器)
-
如何在 Shopify 主题开发中使用 TailwindCSS
-
使用 Shopify CLI 创建 Shopify 主题
-
创建带有移动产品轮播、变体选择器等的高级产品页面!
要求
-
你必须知道 HTML、CSS 和 JavaScript
-
你必须知道如何使用 Node 或 npm
-
您必须知道如何使用 Shopify
描述
Shopify 最近刚刚更新了他们的 Shopify 在线体验,现在他们称之为“在线商店 2.0”。
通过此更新,Shopify 商家现在可以使用部分和块自定义他们的整个在线商店。这不仅为 Shopify 应用程序开发人员打开了很多大门,也为 Shopify 主题开发人员打开了大门,因为现在,您可以将很酷的部分和块添加到最常用的页面,如产品页面、产品系列页面、博客页面等。
如果您如果您是 Shopify 主题开发人员,但您还不知道如何为 Online Store 2.0 创建 Shopify 主题,那么这是学习的最佳时机,因为 Shopify 现在接受 Shopify 主题并在其 Shopify 主题商店中列出!
这意味着您可以通过出售 Shopify 主题来赚钱!那么你有兴趣了解更多吗?
在本课程中,我们将学习如何在 TailwindCSS 的帮助下使用 Shopify CLI 为在线商店 2.0 创建 Shopify 主题,以设计一个很酷的在线商店。
在本课程中,您将学习:
- 如何设置您的开发商店
- 使用 TailwindCSS 设计 Shopify 主题
- 在线商店 2.0(JSON 模板)
- Shopify CLI
- 架构设置
- 文章、产品等页面的搜索引擎优化 (SEO)。
- 流动语言(引用资产文件、循环、条件语句、Shopify 对象、过滤器等)
- 客户页面
经常问的问题
问:这门课程对初学者友好吗?
答:如果您不熟悉 Shopify 主题开发,是的。但是,如果您是 Web 开发的新手,那么本课程不适合您,因为我不会解释 HTML 的工作原理、CSS 实用程序的工作原理、什么是 JavaScript 等。如果您是 Web 开发的新手,我建议在学习这门课程之前先学习它。
问:我们需要使用什么操作系统?
A:我在这个课程中使用的是 MacOS,所以如果你想使用不同的操作系统,你可以这样做。但是,请确保您了解自己的系统,因为您的系统将与我的不同(例如 Terminal/Powershell/Shell)
如果您认为自己已准备好开始,请立即注册,让我们一起创建最好的 Shopify 主题!
本课程适合谁:
- 初级到中级“Shopify 开发人员”不是网络开发人员
- 想学习如何使用 Shopify CLI 创建 Shopify 主题的同学
- 想要了解 Shopify 主题的 Shopify 商家
- 想要了解 Shopify 主题架构的 Web 开发人员


评论(0)