店铺两类博客设置不同博客列表页模板的实现方法咨询

一、如果你的建站系统支持模板自动匹配（类似WordPress机制） #

完全可以通过特定命名的模板文件自动完成配置，核心逻辑是系统会优先加载与当前分类匹配的专用模板，无匹配时 fallback 到通用模板。

具体操作步骤：

• 先确认你的博客分类的唯一标识（比如分类slug：travel、food，或者分类ID：1、2）
• 找到当前通用的博客列表模板（比如文件名为blog-list.tpl、blog-list.php）
• 按照系统要求的命名规则创建专用模板：
  • 参照WordPress逻辑，可命名为blog-list-{分类标识}.tpl（如blog-list-travel.tpl）
  • 部分系统可能要求用分类ID，比如blog-list-1.tpl
• 将自定义的布局、逻辑写进这个专用模板，系统会自动在访问该分类的列表页时加载它，其他分类仍使用原通用模板。

二、如果系统不支持自动模板匹配，手动添加分类判断逻辑 #

如果建站系统没有模板自动匹配机制，可以在通用模板中通过分类标识判断实现差异化展示：

1. 基础条件判断（直接在模板内区分） #

先获取当前列表页对应的博客分类标识（通常可通过页面上下文变量、URL参数获取，比如$current_category、$_GET['cat']），再用模板引擎的条件语法拆分内容：

以Smarty模板引擎为例：

{if $current_category == 'travel'}
  <!-- 旅行类博客列表自定义结构 -->
  <div class="blog-item travel-item">
    <img src="{$article.thumb_url}" class="travel-thumb" alt="{$article.title}">
    <h2 class="travel-title">{$article.title}</h2>
    <div class="travel-excerpt">{$article.long_excerpt}</div>
  </div>
{else}
  <!-- 原有通用博客列表结构 -->
  <div class="blog-item default-item">
    <img src="{$article.thumb_url}" class="default-thumb" alt="{$article.title}">
    <h3 class="default-title">{$article.title}</h3>
    <div class="default-excerpt">{$article.short_excerpt}</div>
  </div>
{/if}

2. 拆分独立子模板（更易维护） #

如果自定义内容较多，建议把不同分类的列表结构拆成独立子模板，再在主模板中根据分类引入：

{switch $current_category}
  {case 'travel'}
    {include file='blog-list-travel.tpl'}
  {case 'food'}
    {include file='blog-list-food.tpl'}
  {default}
    {include file='blog-list-default.tpl'}
{/switch}

三、仅样式差异的简化方案 #

如果只是需要调整样式而非结构，可以给列表容器添加分类专属类名，通过CSS单独控制：

<!-- 在模板中给列表容器加分类类名 -->
<div class="blog-list {$current_category}-list">
  <!-- 循环渲染博客列表项 -->
  {foreach $articles as $article}
    <div class="blog-item">...</div>
  {/foreach}
</div>

然后在CSS中针对不同分类写样式：

.travel-list .blog-item {
  padding: 24px;
  border-radius: 8px;
}

.travel-list .blog-item img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.food-list .blog-item {
  padding: 16px;
  border: 1px solid #eee;
}

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