Shopify 中文教程之开门见山
还没有 Shopify 网站或者想低成本创建一个新的？
告别旧版
Wow! 欢迎来到全新改版的教程博客！
如果你浏览过上一版博客，可能会发现教程分类中最早的文章日期是 2021 年 12 月，那是因为我最开始发布 Shopify 视频教程的时候，是在开发者店铺上存放教程文稿，直到三年前迁移到了这个博客平台。在这期间，我不断对网站进行优化和完善，但始终觉得不够完美，或者不够丰富。
时光荏苒，三年后的又一个 11 月，博客迎来了全新改版。与上次相似，这次改版也是 11 月开始测试和准备，时间有点巧合。其实一年多前就计划将博客改造成现在这个样子，但因为种种原因未能付诸行动。如今各方面条件都已成熟，是时候进行一次全面的整合了。
我在使用这个创作平台的三年间（比接触 Shopify 晚一年），对平台的架构和代码自定义都有了深入的理解。此前的博客主题是通过整合两个官方免费主题的优势部分，再额外添加功能而成。
这次选择切换到付费主题，借助积累的经验和能力，能够更好地发挥主题的各项功能，提升用户体验。这种场景其实跟从 Shopify 默认主题 切换到增强版主题 的用户有点类似：虽然需要投入资金来获得，但能够节省大量时间和精力，更重要的是可以使用到免费主题所不具备的很多功能。
Shopify 新版主题原理讲解和 8 个文件夹解析 配合示意图帮你理解主题文件用途
Build with AI: 我在 AI 工具的辅助下制作了一些 Shopify 相关的插件和工具
介绍新版
首页
为了提供便捷的导航和阅读体验，我精心挑选了一些文章放在首页的左侧边栏。这些文章是基于我的推荐和谷歌 Search Console 的数据筛选而来。在对内容进行分类时，我没有采用 “新手教程”、“必看系列” 这样常规的分类名称，中华文化博大精深，我选用了更有意境的成语来分类。
首先是首页：开门见山，也就是你现在浏览的这个页面，介绍了整个网站的功能和用法；
第一个分组：渐入佳境，收录了专门为初次接触我的 Shopify 教程的朋友准备的必看内容；
第二个分组：融会贯通，主要展示了主题优化的实战案例。通过观看这些教程，你不仅能够实现展示的功能，还能在操作过程中掌握实用的方法和技巧；其中部分教程曾经隐藏，现重新开放。
第三个分组：精益求精，是从 SVIP 系列教程中选取的几篇进阶干货内容；
第四个分组：得心应手，收集整理了必装 Shopify Apps 插件和跨境电商实用工具的推荐。
顶部菜单
在网站顶部，先是展示了 免费教程 和 SVIP 教程 两大类教程系列。
在设计博客 (Blog) 页面布局时，我考虑了多种方案，但都不太令人满意。由于文章数量庞大，达到几十上百篇，如果使用列表会非常冗长，文档形式的侧边栏浏览方式也不合适。
最终，我选择采用 Grid 网格布局，并为每篇文章配上封面图片，这样不仅更美观，也避免了阅读纯文字带来的枯燥感。如果你想查找某篇特定的教程内容，别忘了可以使用快速搜索功能。
我还对每篇文章进行了重新分类和编辑，希望让读者感受到我在内容创作和博客优化上的用心。
在 增强版主题 相关的菜单中，我整合了 主题介绍、使用手册 和 更新日志。现在这些内容都合并到了博客主站，集中展示更方便已经购买和使用 Shopify 增强版主题的用户进行查找和浏览。
Build with AI: 与时俱进，介绍我使用 AI 代码工具的经历，并将 AI 工具和 Shopify 结合起来，分享相关的经验和技巧，既解决工作需求，又实现自己的创意或者解决非工作直接相关的问题。
FAQs：考虑到之前的 FAQ 内容随着更新越来越多，页面过长不便浏览，我将 FAQs 改为文档的形式进行呈现。这样读者可以通过侧边栏快速定位常见的 Shopify 问题及其解答。目前这部分内容仍在持续更新和完善中。
内容预告 板块会展示即将发布的 Shopify 视频教程内容，同时也欢迎大家提供选题建议。
在 功能案例 板块，我会展示一些为其他店铺完成的功能需求，以及一些我认为值得分享在这里面的功能。如果你也想在自己的店铺中添加类似功能，随时可以与我微信联系：Shopify2006
最后，我在折叠菜单中放置了一些补充链接，分别是：
- 一对一 Shopify 咨询，连线 Up 主在线答疑（需付费 + 预约）
- Shopify Plus 的优势和功能介绍，如需快速升级可与我联系
- Shopify 1 元开店福利，优惠三个月，可以节省几百块月租
- 加入（成为） SVIP，解锁教程博客中的隐藏内容
- 面包多主页链接，这里面可以购买单独出售的作品
供大家自行浏览。
希望你喜欢改版之后的效果，也希望我的内容能给你带来收获。
Your Up 主：Shopify 万能钥匙
彩蛋
如果你看到了这里，我给你分享一个彩蛋：
我对这个网站的前后端进行了极致的优化，实现了不论对哪个页面进行测试，结果都能保持在 90 分以上，电脑端甚至能拿到 4 个 100 满分。欢迎你亲自测试体验一下。
实际上 Google 测试采用的是性能较差的设备和比较一般的网络，每次测试的结果也会不完全一样，但尽管如此，本站也不会低于 90 分，如果你测到了任何 85 分的页面，欢迎截图分享给我。