AnQiCMS 的单页面管理如何创建关于我们、联系我们等独立页面?

好的,作为一位资深的网站运营专家,我很乐意为您深入剖析 AnQiCMS 中单页面管理的精髓,带您轻松驾驭“关于我们”、“联系我们”这类独立页面的创建与优化。


安企CMS单页面管理:轻松构建“关于我们”、“联系我们”等独立页面

在现代网站运营中,“关于我们”、“联系我们”这类独立页面扮演着至关重要的角色。它们不仅是展示企业形象、传递核心价值的窗口,更是用户建立信任、进行有效沟通的关键触点。对于搜索引擎而言,这些结构清晰、内容专业的独立页面也是提升网站权威性和用户体验的重要信号。

AnQiCMS,作为一个基于 Go 语言开发的企业级内容管理系统,深谙此道。它在设计之初就充分考虑了中小企业、自媒体运营者对高效内容管理的需求,提供了直观且功能强大的单页面管理模块,让您可以像搭积木一样,快速构建并优化这些关键的独立页面。

后台操作:创建您的第一个独立页面

进入 AnQiCMS 后台管理界面,您会发现一切都井然有序,操作逻辑清晰明了。要创建“关于我们”或“联系我们”这样的独立页面,您只需沿着以下路径轻松抵达:

首先,在左侧导航栏中找到“页面资源”,点击展开后,选择“页面管理”。在这里,您将看到所有已创建的单页面列表。若要新增页面,只需点击界面上的“添加单页面”按钮,便能开启页面的创建之旅。

进入创建页面表单,您会看到一系列直观的字段,它们共同构成了页面的核心内容与属性:

  • 页面名称:这是您页面在网站前端展示的主标题,也是后台管理中识别该页面的名称。例如,您可以填写“关于我们”或“联系我们”。
  • 单页面内容:这是页面的核心所在。AnQiCMS 提供了功能丰富的富文本编辑器,您可以轻松插入文本、图片、视频,甚至支持 Markdown 格式,让内容排版美观且富有表现力。在这里,您可以详细撰写公司简介、团队文化、发展历程,或者提供详细的联系方式和地图指引。
  • SEO标题、关键词与单页面简介:这三个字段对页面的搜索引擎优化至关重要。
    • SEO标题会显示在搜索引擎结果的标题位置,是吸引用户点击的第一道防线,请务必言简意赅且包含核心关键词。
    • 关键词可以帮助搜索引擎理解页面的主题,请选择与页面内容高度相关的词汇,用英文逗号分隔。
    • 单页面简介则是搜索引擎结果中的描述性文字,通常是用户在点击前看到的内容摘要,撰写时力求精炼并能吸引用户。
  • 自定义URL:这是 AnQiCMS 在 SEO 友好性方面的一个亮点。系统会根据您的页面名称自动生成一个拼音 URL 别名,例如“guanyuwomen”或“lianxiwomen”。当然,如果您对自动生成的 URL 不满意,完全可以手动调整,设定一个更具品牌特色或更简洁易记的自定义 URL。请确保这个自定义 URL 在全站中的唯一性,这将对页面的收录和排名产生积极影响。
  • 显示顺序:这个字段让您能灵活控制单页面在列表中的排序。数字越小,页面显示越靠前,这对于在导航菜单中按照特定顺序展示页面非常实用。
  • Banner图与缩略图:这两项让您的页面更具视觉吸引力。您可以为“关于我们”页面上传一张能体现企业形象的 Banner 大图,也可以为“联系我们”页面设置一个简洁的缩略图,用于在列表或特定模块中展示。
  • 单页面模板:这是 AnQiCMS 灵活性的体现之一。系统默认会使用 page/detail.html 作为单页面的展示模板。然而,如果您希望“关于我们”页面与“联系我们”页面拥有截然不同的设计风格和布局,完全可以为它们指定专属的模板。例如,您可以创建 page/about-us.htmlpage/contact-us.html,然后在各自的单页面编辑界面中,将其指定为对应的“单页面模板”。这让网站设计不再受限于固定框架,提供了极高的定制自由度。

填写并保存后,您的独立页面就创建完成了。它现在已经准备好通过网站前台展示给访问者。

前端展示:让独立页面在网站中焕发生机

AnQiCMS 的模板系统借鉴了 Django 模板引擎的语法,简洁而强大。一旦您在后台创建了单页面,接下来的任务就是将其呈现在网站前台。

默认情况下,AnQiCMS 会根据页面的 ID 或自定义 URL 别名,自动匹配对应的模板文件。例如,一个 ID 为 10 的单页面,如果没有指定自定义模板,可能会使用 page/detail.htmlpage/10.html 来渲染内容。

灵活运用自定义模板:

正如前面提到的,AnQiCMS 最吸引人的一点就是其强大的自定义能力。如果您希望“关于我们”页面(假定其自定义 URL 为 about-us)拥有独特的设计,您可以在您的模板文件夹中创建一个名为 page/about-us.html 的文件。在后台的“单页面模板”字段中填入 about-us.html 后,该页面就会自动加载并应用这份专属模板。

在您的模板文件中,您可以使用 AnQiCMS 提供的强大标签来动态获取页面内容。例如,pageDetail 标签是获取单个页面详情的利器:

{# 获取当前页面的标题 #}
<h1>{% pageDetail with name="Title" %}</h1>

{# 获取当前页面的内容,注意使用 |safe 过滤器以解析HTML #}
<div>
    {% pageDetail pageContent with name="Content" %}
    {{ pageContent|safe }}
</div>

{# 如果您上传了Banner图,也可以这样调用 #}
{% pageDetail pageBannerImages with name="Images" %}
{% if pageBannerImages %}
    <img src="{{ pageBannerImages[0] }}" alt="{% pageDetail with name='Title' %}" />
{% endif %}

而如果您想在网站的导航菜单、页脚或其他位置列出多个单页面,例如展示“关于我们”、“联系我们”、“隐私政策”等链接,pageList 标签便能派上用场:

”`twig

    {% pageList pages %}

    {% for item in pages %}
    <li>
        <a href="{{ item.Link }}">{{ item.Title }}</a>
    </li>
    {% end