在网站运营中,“关于我们”、“联系方式”这类单页面是不可或缺的组成部分,它们通常承载着企业文化、联系信息、服务介绍等相对固定且重要的内容。对于使用安企CMS(AnQiCMS)的用户来说,获取和展示这些单页面内容不仅简单高效,而且拥有高度的灵活性和定制空间。

安企CMS将这类独立且内容不经常变动的页面归类为“单页面”,并在后台提供了专门的管理模块,以便用户轻松创建、编辑和发布。下面,我们将详细探讨如何在安企CMS中管理和展示这类单页面内容。

一、 后台创建与管理:搭建单页内容的基石

首先,我们需要在安企CMS的后台创建这些单页面。这就像是为你的网站准备好一张张独立的介绍卡片。

  1. 进入单页面管理模块 登录安企CMS后台,在左侧导航栏中找到“页面资源”菜单,点击其下的“页面管理”。这里会列出所有已创建的单页面,你可以在这里进行统一的增删改查操作。

  2. 创建或编辑单页面 点击“添加单页面”或选择一个现有页面进行编辑,你会看到一系列可配置的字段,这些字段共同构成了单页面的丰富信息:

    • 页面名称:这是页面的标题,也是在前台显示的主要名称,例如“关于我们”、“服务条款”等。
    • 自定义URL:为了获得更友好和对SEO更有利的链接,你可以为单页面设置一个简洁易懂的自定义URL别名。例如,为“关于我们”页面设置/about,其链接可能就是你的域名/about.html
    • 单页面简介:这是一个简短的页面描述,通常用于SEO中的meta description标签,向搜索引擎概括页面内容。
    • 关键词:同样是用于SEO优化的字段,可以填写与页面内容相关的关键词,多个关键词之间使用英文逗号分隔。
    • SEO标题:如果希望页面的<title>标签内容不同于“页面名称”,可以在这里单独设置,这对于精细化SEO至关重要。
    • 单页面内容:这是单页面的核心,一个功能丰富的编辑器允许你像编辑文章一样创建和排版内容,包括文字、图片、视频等。值得一提的是,如果开启了Markdown编辑器,你还可以直接使用Markdown语法编写,系统会自动转换为HTML。
    • 单页面模板:这是灵活性的关键所在。你可以选择使用默认的单页面模板(page/detail.html),也可以根据需求指定一个自定义模板(例如page/about.html),让不同单页面拥有独特的展示风格。
    • Banner图/缩略图:如果页面需要配图,比如顶部Banner或列表缩略图,都可以在这里上传和管理。

通过这些细致的字段设置,你可以确保每个单页面内容丰富、结构清晰,并为后续的前端展示和SEO优化打下坚实基础。

二、 前端展示:灵活运用模板标签

在安企CMS中,前端页面的内容展示主要通过模板标签来实现。对于单页面内容,我们主要会用到pageDetailpageList这两个标签。

  1. 获取单个页面的详细内容 (pageDetail) pageDetail标签用于在模板中获取并显示一个特定单页面的所有详细信息。无论你是在单页面自身的模板文件(如page/detail.html)中显示当前页面内容,还是在其他页面(如首页侧边栏)中引用某个特定单页面(如显示“关于我们”的摘要),pageDetail都非常适用。

    • 获取当前页面的内容: 当你在一个单页面的模板文件内时(例如,当用户访问“关于我们”页面时),pageDetail标签无需指定idtoken参数,它会自动识别并获取当前正在访问的单页面数据。例如,要显示页面的标题和内容:

      <h1>{% pageDetail with name="Title" %}</h1>
      <div>
          {% pageDetail pageContent with name="Content" render=true %}
          {{ pageContent|safe }}
      </div>
      

      这里pageContent是自定义的变量名,name="Content"指定要获取的内容字段。render=true参数用于确保如果你的内容是Markdown格式编写的,系统会自动将其渲染为HTML。|safe过滤器则允许HTML内容安全地显示而不被转义。

    • 获取指定ID或URL别名页面的内容: 如果你想在其他页面(比如首页)显示“关于我们”页面的部分内容,你可以通过其ID或自定义URL别名来精确指定。 假设“关于我们”页面的ID是1,自定义URL别名是about

      <a href="{% pageDetail with name='Link' id='1' %}">了解我们</a>
      <h2>{% pageDetail with name="Title" token="about" %}</h2>
      <p>{% pageDetail with name="Description" token="about" %}</p>
      

      通过id="1"token="about",你可以灵活地在网站的任何位置引用特定单页面的数据。

  2. 获取单页面列表 (pageList) pageList标签用于获取网站中所有单页面的列表。这对于构建底部导航菜单、侧边栏链接列表或者提供网站地图等场景非常有用。

    <ul>
    {% pageList pages %}
        {% for item in pages %}
        {# 排除ID为1的“关于我们”页面,假设你想在某个列表里排除它 #}
        {% if item.Id != 1 %}
            <li><a href="{{ item.Link }}">{{ item.Title }}</a></li>
        {% endif %}
        {% endfor %}
    {% endpageList %}
    </ul>
    

    pageList标签会返回一个包含所有单页数据(pages)的数组,你可以使用for循环遍历这个数组,通过item.Linkitem.Title等字段获取每个页面的链接和标题。通过条件判断({% if item.Id != 1 %}),可以根据需求排除不需要显示的页面。

三、 自定义模板:打造专属单页风格

安企CMS提供了强大的模板定制能力,让你可以为特定的单页面设计独特的展示样式。

  1. 默认模板与自定义路径 默认情况下,所有单页面都会使用你的当前模板目录下的page/detail.html文件来渲染。但很多时候,我们希望“关于我们”页面有别于“联系我们”页面,拥有独特的设计。 安企CMS允许你为每个单页面指定专属的模板文件。例如,为了给“关于我们”页面一个定制的布局,你可以在当前模板目录(通常是/template/你的模板名/)下创建 page/about.html 文件。

  2. 如何在后台指定自定义模板 回到后台“页面管理”中编辑“关于我们”页面,找到“单页面模板”字段。在这里,你可以填入about.html(相对于page/目录的路径)。保存后,当用户访问“关于