如何在Shopify博客中添加类似WordPress的分类？

嘿，我来帮你搞定在Shopify博客里加类似WordPress分类的需求！其实Shopify本身就有对应的功能逻辑，只是默认展示方式和WordPress不一样，下面给你几个实用的实现方法：

Shopify的博客**标签（Tags）**其实就是和WordPress分类等价的功能，只是默认可能没在博客首页显眼位置展示。操作步骤很简单：

• 撰写博客文章时，在页面右侧的「标签」输入框里添加你的分类名称（比如“穿搭技巧”“产品评测”），多个分类用逗号分隔即可
• 进入「在线商店 > 主题 > 自定义」，找到博客页面的设置选项，看看有没有「显示标签」的开关，打开后就能在每篇文章下方看到分类标签链接，点击标签就能筛选出对应分类下的所有文章

如果想做一个像WordPress那样的顶部分类导航栏，让访客一眼看到所有分类，就需要修改主题代码啦（修改前记得先备份主题哦！）：

1. 进入「在线商店 > 主题」，点击对应主题的「操作 > 编辑代码」
2. 找到博客页面的模板文件，一般是blog.liquid或者templates/blog.liquid
3. 在博客标题下方合适的位置插入这段Liquid代码：

<div class="blog-category-nav">
  {% assign sorted_tags = blog.tags | sort %}
  {% for tag in sorted_tags %}
    <a href="{{ blog.url }}/tagged/{{ tag | handle }}" class="category-item">
      {{ tag }} ({{ blog.articles | where: 'tags', tag | size }})
    </a>
  {% endfor %}
</div>

4. 接着去主题的样式文件（比如base.css或theme.css）里添加自定义样式，让导航栏更美观：

.blog-category-nav {
  margin: 2rem 0;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.category-item {
  padding: 0.5rem 1rem;
  background-color: #f5f5f5;
  border-radius: 20px;
  text-decoration: none;
  color: #333;
  transition: background-color 0.2s;
}
.category-item:hover {
  background-color: #e8e8e8;
}

这样设置后，博客页面顶部就会出现一个带文章数量的分类导航栏，点击分类就能查看对应内容，完全和WordPress的分类体验一致！

如果不想折腾代码，直接去Shopify应用商店搜「Blog Categories」相关的应用就行，很多应用都支持快速设置博客分类，甚至能实现父分类+子分类的层级结构，操作起来零门槛，适合不想碰代码的朋友。

内容的提问来源于stack exchange，提问作者PrasadHeeramani