AnQiCMS如何设置和显示网站的页眉、页脚和侧边栏等公共区域？

在网站运营中，页眉、页脚和侧边栏等公共区域扮演着至关重要的角色。它们不仅承载着品牌形象、导航功能，更是提升用户体验和内容分发效率的关键。对于使用AnQiCMS的朋友们来说，理解如何高效设置和展示这些区域，将极大提升网站的专业度和运营便利性。

AnQiCMS作为一个基于Go语言开发的企业级内容管理系统，在设计之初就充分考虑了模板的灵活性和可扩展性。这意味着，无论是打造一个简洁的企业官网，还是一个内容丰富的自媒体平台，你都能轻松驾驭这些公共区域的布局和内容。

打造网站的骨架：模板基础与公共代码

AnQiCMS在模板设计上遵循着清晰的约定。当你深入到网站的模板文件时，会发现一个名为/template的根目录，其中包含了你网站正在使用的所有模板。对于那些在每个页面都会出现的公共部分，例如页眉和页脚，它们通常被放置在一个名为bash.html的文件中。这个文件就像是你网站的“骨架”，为所有页面提供了统一的结构。

而像侧边栏、面包屑导航这类可能在不同页面以不同形式出现，或者作为独立模块被多个页面引用的内容，则被归类到partial/目录下，以代码片段的形式存在。这种模块化的设计思想，让网站的公共区域管理变得井井有条，修改一处即可全局生效，大大提高了维护效率。

优雅呈现页眉：品牌标识与核心导航

页眉是用户进入网站后首先映入眼帘的部分，承载着网站的Logo、主导航以及一些重要的联系方式。在AnQiCMS中，设置这些元素是一个直观且灵活的过程。

网站的Logo是品牌形象的直观体现，你可以在后台的“全局功能设置”中轻松上传和管理你的Logo图片。一旦上传，通过模板中的{% system with name="SiteLogo" %}标签，它就能在页眉中被调用并展示出来。同时，网站的名称也可以通过{% system with name="SiteName" %}标签获取，这有助于统一品牌形象，并确保在整个网站上轻松更新。

核心导航是引导用户探索网站的关键。AnQiCMS提供了强大的“网站导航设置”功能，允许你创建多个导航类别，例如“顶部主导航”、“页脚导航”甚至是“侧边栏导航”。在后台设置好导航链接及其层级（AnQiCMS支持两级导航）后，你便可以在模板中使用{% navList navs with typeId="导航类别ID" %}标签来动态获取并渲染这些导航项。比如，你可以指定typeId=1来调用你的主导航，然后在for循环中遍历navs变量，显示每个导航项的标题和链接。如果导航项下有子导航，item.NavList属性会帮助你进一步展开。

有时，你可能还希望在页眉展示一些联系方式或重要的宣传横幅。利用“联系方式设置”中配置的信息，通过{% contact with name="Cellphone" %}或{% contact with name="Email" %}等标签，可以将手机号、邮箱等信息动态呈现在页眉。而页眉的轮播图或重要宣传图，则可以通过{% bannerList banners %}标签，配合后台的“首页Banner列表”设置，灵活地展示出来。

结构化呈现页脚：版权信息与辅助链接

网站的页脚虽然位于底部，却承载着法律声明、版权信息、辅助导航和友情链接等重要内容，对于网站的信任度和SEO都有不可忽视的作用。

AnQiCMS同样提供了便捷的方式来管理这些内容。网站的备案号和版权信息，可以在“全局功能设置”中进行填写。随后，通过{% system with name="SiteIcp" %}和{% system with name="SiteCopyright" %}标签，这些信息就能准确地展示在你的页脚中。

为了方便用户，页脚通常还会包含一些辅助导航，例如“关于我们”、“隐私政策”等。这时，你可以在“网站导航设置”中创建一个独立的导航类别，比如命名为“页脚导航”，并为其分配一个独特的typeId。然后，在页脚模板中，再次使用{% navList navs with typeId="你的页脚导航ID" %}标签，便能轻松地渲染出这些辅助链接。

友情链接是许多网站不可或缺的一部分，它有助于建立外部链接，提升网站的权重。AnQiCMS提供了专门的“友情链接管理”功能，你可以在后台添加和编辑友情链接。在页脚模板中，利用{% linkList friendLinks %}标签，你可以将这些友情链接动态地展示出来，并可根据需要判断是否添加nofollow属性。

丰富多样的侧边栏：内容发现与用户互动

侧边栏是提高网站内容可发现性和用户参与度的重要区域。在AnQiCMS中，你可以通过灵活的模板片段（partial/）和各类内容标签，构建出丰富多样的侧边栏。

要创建一个侧边栏，你通常会先在partial/目录下创建一个文件，例如sidebar.html。然后，在需要显示侧边栏的页面模板中，使用{% include "partial/sidebar.html" %}标签将其引入。

侧边栏常见的元素包括：

• 分类列表：引导用户浏览不同内容分类。使用{% categoryList categories with moduleId="文章模型ID" parentId="0" %}标签，你可以获取指定内容模型下的所有顶级分类，并可以在循环中进一步获取其子分类，构建出多级分类导航。
• 最新或热门文章：吸引用户点击阅读网站的活跃内容。通过{% archiveList archives with type="list" limit="10" order="id desc" %}（最新文章）或order="views desc"（热门文章），你可以轻松获取并展示指定数量的文档列表。
• 标签云：展示网站的热门标签，方便用户通过兴趣探索内容。{% tagList tags with limit="20" %}标签可以帮助你列出网站中活跃的标签。
• 单页内容或广告位：你可能需要在侧边栏展示一些“关于我们”的简介，或者放置广告。通过{% pageList pages %}标签获取特定的单页内容，或者直接在sidebar.html中写入静态的HTML代码，都可以满足这些需求。
• 面包屑导航：虽然经常出现在页眉下方，但它也是一种公共导航组件。通过{% breadcrumb crumbs %}标签，可以帮助用户了解当前页面在网站结构中的位置。

在展示这些列表时，结合{% for item in list %}循环和{% if condition %}判断，你可以精细控制内容的显示方式，例如为当前分类添加高亮样式，或者仅显示带有缩略图的文章。

灵活的定制：让公共区域更智能

AnQiCMS的强大之处不仅在于能展示静态内容，更在于其高度的定制性，能让公共区域根据上下文变得更智能。

例如，如果你希望某个特定分类或单页有自己独特的Banner图，你可以在后台编辑该分类（“内容管理”->“文档分类”）或单页（“页面资源”->“页面管理”）时