宣布网上商店2.0欧宝体育官网入口首页
欧宝体育官网入口首页在线商店2.0于2021年6月推出,是对Shopify主题构建方式的端到端彻底改革。虽然以下文章中的信息仍然是正确的,但它没有考虑到Online Store 2.0的最佳实践,并且可能不包括对最新特性或功能的引用。欧宝体育官网入口首页要了解有关如何使用Online Store 2.0进行构建的更多信息,请访问欧宝体育官网入口首页我们更新的文档。
访问文档无论您是从Shopify主题开始OB欧宝娱乐APP还是经验丰富的Shopify专家,总有新的有用的东西要学习,这将有助于您的日常主题开发。有这么多的内容在你的指尖,一个问题(至少对我来说)是知道从哪里开始。OB欧宝娱乐APP
考虑到这一点,我们整理了一份结构化的文章、视频和在线课程清单,以帮助你走上这条路。随着Shopify的变化,我们将不断添加新项目,以保持列表的最新和新鲜。我们希望为您提供关于主题开发和制作的最佳和最准确的资源。我强烈建议你花点时间把它收藏起来,以备将来参考。
当然,有些文章会涉及其他人的建议和指导,但每篇文章都充满了内容,可以帮助您了解更多关于为Shopify平台开发主题的信息。你可以从头开始,OB欧宝娱乐APP或者深入到适当的部分——这是你的选择。
最后,如果你有一篇文章应该被列入列表,请在评论中告诉我们。
你正在使用Visual Studio Code进行开发吗?查看我们的文章最好的Visual Studio Code扩展。
在线主题开发课程
要构建主题,您需要了解Shopify的核心特性和功能以及前端开发工具和框架。如果你是全新的Shopify平台,以下结构化的在线课程将带你从新手到专家在四个半小时。
- 为Web开发人员提供Shopify必需品:从商店设置到自定义主题(3 h 2分钟)
- 高级Shopify主题开发(1小时34分钟)
使用Shopify主题
主题是每个Shopify商店的基础。这些文章将向您介绍Shopify主题的结构,解释每个模板何时呈现,给您一个启动前检查清单,并讨论可以帮助您的Shopify开发工作流程的工具。
- Liquid的概述:Shopify的模板语言
- Shopify液态代码示例
- 建立您的第一个Shopify主题的4个基本技巧
- Shopify清单:网站上线前要做的事情
- 4高级Shopify主题技术添加到您的工作流程
- 回答关于开发Shopify主题的10个主要问题
- [视频]开始使用Shopify主OB欧宝娱乐APP题
学习液体:开始与Shopify主题OB欧宝娱乐APP
获得这个免费的指南,学习实用的技巧,技巧和技术,开始修改,开发和建设Shopify主题。OB欧宝娱乐APP
通过输入您的电子邮件-我们也会向您发送与Shopify相关的营销邮件。ob欧宝娱乐app下载地址你可以随时退订。注意:指南不会发送到基于角色的电子邮件,如info@, developer@等。
您的Shopify主题工具包
开源工具,以加快和简化您的Shopify主题开发。
- 设置本地Shopify主题开发环境的3个简单步骤
- 面向前端开发人员的8个最佳免费Shopify资源和工具
- ThemeKit -用于构建Shopify主题的跨平台工具
- Shopify液体小抄表
- 初学者的Git指南与Shopify
- 如何创建你自己的石板启动主题OB欧宝娱乐APP
- Shopify液态代码示例
- 使用Slate的综合指南
为Shopify设计
伟大的电子商欧宝体育百家乐务网站设计不仅仅是美学。这些文章关注的是构建Shopify主题的设计和用户体验。在这里,您可以找到帮助您设计主页、产品页面和购物车模板的文章列表,以及一个免费的CSV文件,用于启动和运行您的开发存储。
- 使用产品csv更快地添加产品
- 使用UI Kit的好处
- 深入了解设计Shopify主题
- 创建动态配色方案与主题选项和预设
- 为您的Shopify主题建立一个可点击的号召行动按钮
- 开发可扩展(和可持续)Shopify主题的最佳实践
- 创建一个引人注目的非矩形页眉设计
借助Shopify合作伙伴计划发展您的业务
无论您提供营销、定制还是网页设计和开ob欧宝娱乐app下载地址发服务,Shopify合作伙伴计划都将为您的成功奠定基础。免费加入并获得收入分享机会、发展业务的工具和充满激情的商业社区。
报名液态模板语言
Liquid是商店数据和主题模板之间的桥梁。这些文章将涵盖如何在Shopify主题中使用Liquid的基础知识。如果你是全新的液体,开始与液体的概述,以熟悉自己。OB欧宝娱乐APP
- Liquid的概述:Shopify的模板语言
- 如何在Shopify主题中使用Liquid的“case/when”控制标签
- 构建Shopify主题的初学者指南
- 在订单状态页面上使用液体
- 如何使用数学过滤器与液体
液体的模板
从深入研究单个模板到讨论如何利用备用模板和布局文件的功能,这些文章将帮助您将主题构建提升到一个新的水平。
- 液体小抄纸
- 该产品。液体模板
- 如何在Shopify主题中使用all_products
- 在Shopify主题开发的备用布局文件的力量
- 如何在Shopify主题开发中使用替代模板
- url如何映射到Shopify模板
- 使用密码自定义Shopify密码页面。液体模板
- 如何使用液体创建自定义登录页面模板
- 如何为你的客户制作最好的404页面
- 如何使用液体自定义Shopify主题博客模板
Shopify主题图片
图片是一个好的电子商务体验的关键。在Shopify中有很多自定义图像的方法——从巧妙地使用变体图像到液体过滤器,它允许你裁剪和调整大小。
- 如何操纵图像与img_url过滤器
- 使用SVG进行设计:可伸缩矢量图形如何提高访问者粘性
- 如何自定义Shopify主题中的img元素
- 如何在Shopify中使用图像
- 如何更新主题以使用变体图像
- 用SVG构建图标系统
- 使用placeholder_svg_tag过滤器为产品使用占位符图像
- 使用Shopify的API构建独特的客户体验
片段
通过有效地使用片段,在主题中利用DRY(不要重复自己)原则的力量——这些文章将教你如何使用。
- GitHub仓库由Shopify员工Jason Bowman建立
- Shopify片段快速提示
- 在您的Shopify主题中使用片段的提示
- 如何改进您的主题开发工作流程
- 为合作伙伴宣布Shopify液态代码示例
链接列表、菜单和导航
菜单比你想象的要多得多。从信息架构到SEO的好处,学习如何从不起眼的“链接列表”中提取最大的潜力。
- 链接列表的力量
- 使用settings_data.json了解Shopify主题样式和预设
- 在Shopify中使用新的嵌套导航的提示和故障排除
- [视频]Shopify导航教程2018如何创建下拉菜单
- 在搜索引擎优化和惊人的网站设计之间找到平衡
- 在构建Shopify主题时使用产品变体
- 使用Liquid创建可访问分页
- 用Liquid和Shopify构建一个可访问的面包屑导航
Shopify主题板块
章节允许您在定制在线商店时为商家提供更大的灵活性。欧宝体育官网入口首页这个功能允许他们轻松地添加或移动他们的主页上的内容,只需点击几下。
Shopify主题中的CSS
在模板中添加有用的CSS钩子有很多理由。了解如何,以及为什么,这可以帮助你使你的主题建设更有效和强大。
- 在Liquid中创建有用的CSS钩子
- 在不失去理智的情况下重构CSS的3个基本技巧
- 开始使用ShopOB欧宝娱乐APPify上的CSS网格布局
- 初学者指南Sass与Shopify -第1部分:开始与SassOB欧宝娱乐APP
Shopify主题和JavaScript
Shopify主题不需要JavaScript -然而,通过逐步增强您的模板,您可以添加功能,将取悦客户。
- 使用JavaScript来超级力量你的客户的Shopify网站
- 如何在滚动上创建一个粘性添加到购物车按钮
- 一个Javascript库,为您的Shopify购物车提供动力
- 如何使用JavaScript将电子商务添加到任何网站
- jQuery图像缩放Shopify在5个简单的步骤
- 介绍BuyButton.js - Shopify的新JavaScript库
Metafields
学习如何充分利用时间Shopify metafields功能和批量编辑器特性。
Shopify API
成千上万的应用程序和集成可以在Shopify应用商店多亏了强大的Shopify API。下面是开胃菜。
- 开始使用ShopOB欧宝娱乐APPify API
- 如何生成Shopify API令牌
- 为什么要学习建立一个Shopify应用程序?
- Ruby Shopify脚本教程
- 使用Shopify应用代理保护客户页面
- 用PHP构建Shopify应用程序
- Shopify API教程
- Shopify Storefront API
- 如何在Shopify管理中验证您的嵌入式应用程序
主题的表现
一点点就能走很长的路——尤其是在主题表演方面。了解Shopify专家如何从他们生产的每个主题中挤出收益。更好的表现=满意的顾客=满意的商家。
- 如何优化主题的性能
- Shopify主题性能的微小调整
- 提高Shopify网站速度的9个技巧
- 制作更快的主题:Shopify主题团队如何解决叙事的Web性能
- 如何延迟加载可以优化您的Shopify主题图像
在Shopify主题中使用网页字体
将网页字体添加到主题中是一个常见的请求。下面的文章将教你如何做到这一点。
官方资源
以及定期发布的教程Shopify网页设计和开发博客,我们还推荐以下官方Shopify主题相关资源。这两个液体小抄纸和液体代码示例都值得收藏。