在网站运营中,“关于我们”、“联系方式”、“隐私政策”这类内容通常以独立页面的形式展示,它们内容相对固定,且在网站结构中扮演着重要角色。安企CMS(AnQiCMS)为创建和管理这些自定义单页面提供了直观而强大的功能,让您无需编写代码即可轻松发布和更新。

创建自定义单页面内容

在安企CMS中创建单页面是一个简单而直接的过程。首先,您需要登录后台管理界面。

  1. 进入页面管理: 登录安企CMS后台后,找到左侧导航栏的“页面资源”选项,点击展开后选择“页面管理”。这里会列出所有已创建的单页面,您可以进行添加、编辑、删除等操作。

  2. 添加新页面: 点击“添加单页面”按钮,进入页面编辑界面。您将看到一系列需要填写的字段,这些字段共同构成了您的单页面内容和相关配置。

    • 页面名称: 这是单页面的标题,也是它在前台显示的主要名称,比如“关于我们”、“联系我们”。
    • 自定义URL: 这是一个非常重要的设置,它决定了您的单页面的网址形式。安企CMS默认会根据您填写的页面名称自动生成一个拼音的URL别名,例如“关于我们”可能会生成“guanyu-wome.html”。如果您对自动生成的URL不满意,可以手动编辑为更简洁、更具描述性的英文或拼音组合,例如“about-us”或“contact”。自定义URL不仅让网址更美观,也有助于搜索引擎优化(SEO),但请确保其在全站范围内的唯一性。
    • SEO标题、关键词、简介: 为了提升单页面在搜索引擎中的表现,建议您认真填写这些SEO相关字段。SEO标题将作为页面在浏览器标签页和搜索结果中的标题,关键词是您希望页面被搜索到的词汇,而简介则是搜索结果中标题下方的内容摘要。
    • 单页面内容: 这是单页面的主体部分。安企CMS提供了功能丰富的富文本编辑器,您可以像使用Word一样编辑文本、插入图片、添加链接,甚至嵌入视频等。如果您熟悉Markdown语法,安企CMS也支持Markdown编辑器,这让内容排版更加便捷。
    • 单页面模板: 默认情况下,安企CMS会使用一个名为page/detail.html的通用模板来渲染所有单页面。但如果您希望某个单页面拥有独特的设计或布局,您可以为它单独指定一个自定义模板文件。例如,如果您为“关于我们”页面设计了一个名为about.html的模板文件(通常存放在模板目录的page/文件夹下),您只需在这里填写about.html即可。系统将优先加载您指定的这个模板。
    • 其他可选设置: 您还可以根据需求设置页面的“显示顺序”,上传“Banner图”用于页面顶部的视觉展示,或者设置“缩略图”以在页面列表或分享时使用。

填写并保存后,您的自定义单页面就创建成功了。

显示自定义单页面内容

单页面内容创建完成后,如何在网站前端展示出来,是下一步的关键。安企CMS提供了多种灵活的方式。

  1. 通过URL直接访问: 最直接的方式是通过其自定义URL来访问。例如,如果您将“关于我们”页面的自定义URL设置为about-us,那么用户就可以通过您的域名/about-us.html(具体后缀取决于您的伪静态配置)访问到该页面。在默认情况下,安企CMS会使用您当前使用的模板包中page/detail.html文件来解析并显示该页面的内容。如果您在创建页面时指定了自定义模板(如about.html),系统则会自动加载该文件进行渲染。

  2. 在模板中调用指定页面的内容: 很多时候,您可能需要在网站的其他页面(如首页侧边栏或页脚)展示特定单页面的部分信息,或者在导航菜单中链接到这些页面。安企CMS为此提供了方便的模板标签:

    • pageDetail标签(获取单个页面详情): 如果您想在某个模板中显示一个特定单页面的详细信息,可以使用pageDetail标签。例如,在首页展示“关于我们”页面的一小段简介:

      {% pageDetail aboutPage with id="1" %} {# 假设“关于我们”的页面ID是1,或者您可以使用 token="about-us" #}
          <h3>{{ aboutPage.Title }}</h3>
          <p>{{ aboutPage.Description }}</p> {# 显示页面的简介 #}
          <a href="{{ aboutPage.Link }}">了解更多</a>
      {% endpageDetail %}
      

      或者,如果您正在当前单页面的模板中,直接获取当前页面的内容:

      <h1>{{ pageDetail with name="Title" }}</h1>
      <div>{{ pageDetail with name="Content" | safe }}</div>
      {# 注意:pageDetail with name="Content" 后通常需要使用 | safe 过滤器来解析HTML内容,否则可能会原样输出HTML标签。 #}
      

      pageDetail标签可以获取单页面的各种字段,例如Id(ID)、Title(标题)、Link(链接)、Description(描述)、Content(内容)等。

    • pageList标签(获取多个页面列表): 如果您需要在网站的某个区域(如页脚或侧边栏)列出所有单页面或部分单页面的链接,pageList标签就非常适合。

      <ul>
      {% pageList pages %}
          {% for item in pages %}
              <li><a href="{{ item.Link }}">{{ item.Title }}</a></li>
          {% endfor %}
      {% endpageList %}
      </ul>
      

      通过这种方式,您可以轻松构建单页面的导航列表。

  3. 在导航菜单中添加单页面链接: 最常见的做法是将“关于我们”、“联系方式”等单页面添加到网站的顶部或底部导航菜单中。在安企CMS后台的“后台设置” -> “网站导航设置”中,您可以选择“分类页面链接”类型,然后从已创建的单页面中选择您想要添加到导航菜单的页面。这样,用户点击导航项即可直接跳转到对应的单页面。

通过上述步骤,无论是内容的创建、展示方式的选择,还是网站结构的整合,安企CMS都为您提供了清晰且灵活的解决方案,让自定义单页面的运营变得高效便捷。

常见问题 (FAQ)

1. 如何为“关于我们”和“联系方式”页面设置不同的模板样式? 您可以在创建或编辑单页面时,在“单页面模板”字段中为每个页面指定不同的模板文件名。例如,“关于我们”页面填写about.html,“联系方式”页面填写contact.html。系统在渲染这些页面时,会自动加载对应的模板文件。当然,您需要确保这些自定义的about.htmlcontact.html文件已经存在于您当前模板目录的page/子文件夹中。

2. 单页面的内容支持Markdown格式吗? 是的,安企CMS内置了对Markdown编辑器的支持。