在网站运营中,“关于我们”、“联系方式”这类单页面是不可或缺的组成部分,它们通常承载着企业文化、联系信息、服务介绍等相对固定且重要的内容。对于使用安企CMS(AnQiCMS)的用户来说,获取和展示这些单页面内容不仅简单高效,而且拥有高度的灵活性和定制空间。
安企CMS将这类独立且内容不经常变动的页面归类为“单页面”,并在后台提供了专门的管理模块,以便用户轻松创建、编辑和发布。下面,我们将详细探讨如何在安企CMS中管理和展示这类单页面内容。
一、 后台创建与管理:搭建单页内容的基石
首先,我们需要在安企CMS的后台创建这些单页面。这就像是为你的网站准备好一张张独立的介绍卡片。
进入单页面管理模块 登录安企CMS后台,在左侧导航栏中找到“页面资源”菜单,点击其下的“页面管理”。这里会列出所有已创建的单页面,你可以在这里进行统一的增删改查操作。
创建或编辑单页面 点击“添加单页面”或选择一个现有页面进行编辑,你会看到一系列可配置的字段,这些字段共同构成了单页面的丰富信息:
- 页面名称:这是页面的标题,也是在前台显示的主要名称,例如“关于我们”、“服务条款”等。
- 自定义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中,前端页面的内容展示主要通过模板标签来实现。对于单页面内容,我们主要会用到pageDetail和pageList这两个标签。
获取单个页面的详细内容 (
pageDetail)pageDetail标签用于在模板中获取并显示一个特定单页面的所有详细信息。无论你是在单页面自身的模板文件(如page/detail.html)中显示当前页面内容,还是在其他页面(如首页侧边栏)中引用某个特定单页面(如显示“关于我们”的摘要),pageDetail都非常适用。获取当前页面的内容: 当你在一个单页面的模板文件内时(例如,当用户访问“关于我们”页面时),
pageDetail标签无需指定id或token参数,它会自动识别并获取当前正在访问的单页面数据。例如,要显示页面的标题和内容:<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",你可以灵活地在网站的任何位置引用特定单页面的数据。
获取单页面列表 (
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.Link、item.Title等字段获取每个页面的链接和标题。通过条件判断({% if item.Id != 1 %}),可以根据需求排除不需要显示的页面。
三、 自定义模板:打造专属单页风格
安企CMS提供了强大的模板定制能力,让你可以为特定的单页面设计独特的展示样式。
默认模板与自定义路径 默认情况下,所有单页面都会使用你的当前模板目录下的
page/detail.html文件来渲染。但很多时候,我们希望“关于我们”页面有别于“联系我们”页面,拥有独特的设计。 安企CMS允许你为每个单页面指定专属的模板文件。例如,为了给“关于我们”页面一个定制的布局,你可以在当前模板目录(通常是/template/你的模板名/)下创建page/about.html文件。如何在后台指定自定义模板 回到后台“页面管理”中编辑“关于我们”页面,找到“单页面模板”字段。在这里,你可以填入
about.html(相对于page/目录的路径)。保存后,当用户访问“关于