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 主题,以设计一个很酷的在线商店。

在本课程中,您将学习:

  1. 如何设置您的开发商店
  2. 使用 TailwindCSS 设计 Shopify 主题
  3. 在线商店 2.0(JSON 模板)
  4. Shopify CLI
  5. 架构设置
  6. 文章、产品等页面的搜索引擎优化 (SEO)。
  7. 流动语言(引用资产文件、循环、条件语句、Shopify 对象、过滤器等)
  8. 客户页面

经常问的问题

问:这门课程对初学者友好吗?

答:如果您不熟悉 Shopify 主题开发,是的。但是,如果您是 Web 开发的新手,那么本课程不适合您,因为我不会解释 HTML 的工作原理、CSS 实用程序的工作原理、什么是 JavaScript 等。如果您是 Web 开发的新手,我建议在学习这门课程之前先学习它。

问:我们需要使用什么操作系统?

A:我在这个课程中使用的是 MacOS,所以如果你想使用不同的操作系统,你可以这样做。但是,请确保您了解自己的系统,因为您的系统将与我的不同(例如 Terminal/Powershell/Shell)

如果您认为自己已准备好开始,请立即注册,让我们一起创建最好的 Shopify 主题!

本课程适合谁:

  • 初级到中级“Shopify 开发人员”不是网络开发人员
  • 想学习如何使用 Shopify CLI 创建 Shopify 主题的同学
  • 想要了解 Shopify 主题的 Shopify 商家
  • 想要了解 Shopify 主题架构的 Web 开发人员
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。