我能在AnQiCMS中设置多个Banner分组，并分别调用显示在不同位置吗？

在AnQiCMS中，您完全可以设置多个Banner分组，并根据网站布局的需求，将它们灵活地显示在不同的位置。AnQiCMS提供了多维度的方式来管理和调用这些重要的视觉元素，以帮助您更好地组织网站内容并吸引访客。

一、AnQiCMS中Banner管理的核心理念

AnQiCMS在Banner的管理上体现了高度的灵活性和定制化。它不仅允许您为网站的特定部分（如分类页或单页面）配置专属的Banner轮播图，还通过统一的Banner管理机制，支持创建并命名不同的Banner分组，以便在网站的任意位置进行调用。这种设计旨在满足各种内容展示需求，无论是首页的大型轮播、文章列表页的专题推荐，还是产品详情页的促销信息，都能找到合适的解决方案。

二、如何在AnQiCMS后台设置Banner：两种主要方式

AnQiCMS提供了两种主要的Banner设置方式，以适应不同的管理粒度和展示场景。

1. 为特定页面和分类添加Banner

对于网站中的分类页面和独立的单页面（例如“关于我们”、“联系方式”等），AnQiCMS允许您直接在这些页面的编辑界面中上传专属的Banner图。

  • 分类Banner设置：在后台进入“内容管理”下的“文档分类”页面，编辑或新建分类时，您会看到一个“Banner图”的选项。在这里，您可以上传多张图片，这些图片将作为该分类页面的独有Banner轮播。系统会建议您使用相同尺寸的图片以保持显示的一致性。
  • 单页面Banner设置：同样地，在“页面资源”下的“页面管理”中，编辑或新建单页面时，也有一个“Banner图”区域。您可以为每个单页面上传多张图片，这些图片将作为该单页面的轮播Banner。

这种方式的优势在于，它将Banner与特定的内容实体紧密绑定，方便管理和内容关联。

2. 创建和管理自定义Banner分组

除了页面和分类专属的Banner，AnQiCMS还允许您创建通用的、可命名的Banner分组。虽然文档中没有直接展示“Banner分组管理”的具体菜单路径，但从其模板标签的设计（特别是bannerList标签中的type参数）可以推断，后台存在一个集中的Banner管理入口，您可以在那里：

  • 定义分组名称：例如，您可以创建名为“首页主轮播”、“产品页促销”、“侧边栏广告”等不同的分组。
  • 上传图片到分组：将您希望在特定分组中展示的图片上传到对应的分组下，并可以为每张图片设置链接、描述和Alt文本。

通过这种方式，您可以将不依附于特定分类或页面的Banner进行统一管理，并在网站的任何需要位置调用这些分组。

三、在网站前端按需调用Banner：灵活的模板标签

AnQiCMS通过直观的模板标签，让您能够在网站前端轻松调用不同类型的Banner。

1. 调用页面/分类专属Banner

当您需要在分类页面或单页面上显示其专属的Banner时，可以使用相应的详情标签来获取图片数据。

  • 调用分类Banner：在分类的模板文件（例如{分类模型}/list.html）中，您可以使用categoryDetail标签获取当前分类的详情，并通过Images字段获取Banner图片列表。

    {% categoryDetail categoryImages with name="Images" %}
{% if categoryImages %} {# 判断是否有Banner图 #}
<div class="category-banner-slider">
    {% for image in categoryImages %}
    <img src="{{ image }}" alt="分类Banner" />
    {% endfor %}
</div>
{% endif %}

  • 调用单页面Banner：在单页面的模板文件（例如page/detail.html）中，您可以使用pageDetail标签获取单页面详情，并通过Images字段获取Banner图片列表。

    {% pageDetail pageImages with name="Images" %}
{% if pageImages %} {# 判断是否有Banner图 #}
<div class="page-banner-slider">
    {% for image in pageImages %}
    <img src="{{ image }}" alt="单页面Banner" />
    {% endfor %}
</div>
{% endif %}

2. 调用自定义Banner分组

对于您在后台创建的通用Banner分组，可以使用bannerList标签进行调用。

  • 调用默认分组：如果您没有为Banner指定特定的分组名称，它们将默认属于“default”分组。

    {% bannerList banners %} {# 调用默认分组Banner #}
<div class="default-banner-slider">
    {% for item in banners %}
    <a href="{{item.Link}}" target="_blank">
        <img src="{{item.Logo}}" alt="{{item.Alt}}" />
        <h5>{{item.Title}}</h5> {# 如果有标题内容 #}
    </a>
    {% endfor %}
</div>

  • **调用