如何创建和显示自定义的单页面（如关于我们、联系方式）内容？

在网站运营中，“关于我们”、“联系方式”、“隐私政策”这类内容通常以独立页面的形式展示，它们内容相对固定，且在网站结构中扮演着重要角色。安企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.html和contact.html文件已经存在于您当前模板目录的page/子文件夹中。

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