在网站运营中,页眉、页脚和侧边栏等公共区域扮演着至关重要的角色。它们不仅承载着品牌形象、导航功能,更是提升用户体验和内容分发效率的关键。对于使用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图,你可以在后台编辑该分类(“内容管理”->“文档分类”)或单页(“页面资源”->“页面管理”)时