在网站运营中,如何高效且美观地展示内容列表,是吸引用户、提升访问量的关键。一个清晰展示缩略图、标题和简介的文章列表,不仅能让访客一目了然地找到感兴趣的内容,还能有效提升网站在搜索引擎中的表现。AnQiCMS 提供了丰富的功能和灵活的模板系统,让我们可以轻松实现这样的效果。

文章内容在 AnQiCMS 后台是如何管理的?

要在文章列表中显示缩略图、标题和简介,首先需要确保这些信息在文章发布时已经妥善填写。在 AnQiCMS 的后台“内容管理”模块中,当您“添加文档”或编辑现有文档时,会看到几个重要的字段:

  • 文档标题:这是文章在列表和详情页中最显著的文字,建议您撰写简洁、有吸引力且包含核心关键词的标题。
  • 文档简介:这里是文章内容的简要概括。撰写一段高质量的简介,能有效吸引用户点击。如果您未手动填写,AnQiCMS 会默认从文章正文内容中自动提取前150个字符作为简介。不过,为了更精确地传达内容并优化SEO,手动撰写个性化的简介会是更好的选择。
  • 文档图片(缩略图):这是文章列表的视觉要素。您可以直接上传一张与文章内容相关的图片作为缩略图。即使您忘记上传,如果文章内容中包含图片,系统也会智能地自动抓取文章正文的第一张图片作为缩略图。

此外,AnQiCMS 在“后台设置”的“内容设置”中,还提供了全局的缩略图配置选项。您可以在这里统一设置缩略图的默认尺寸、图片处理方式(如按最长边等比缩放、按最短边裁剪等),甚至指定一个“默认缩略图”。这些全局设置能够帮助您维护网站图片风格的一致性,确保列表页的视觉整洁。

如何在文章列表模板中实现这些显示?

AnQiCMS 的模板系统非常强大,它采用类似 Django 模板引擎的语法。要让缩略图、标题和简介在文章列表中呈现,我们需要编辑对应的内容列表模板文件。通常,文章列表页的模板文件路径可能是 template/{您的模板目录}/{模型table}/list.html,或者是其他通用的列表模板文件。

在这些模板文件中,我们主要会使用 archiveList 标签来获取文章列表数据,并通过循环 {% for item in archives %} 来逐一处理每篇文章的信息。

  1. 获取文章列表:

    archiveList 标签是获取文章数据的核心。例如,要获取最新的10篇文章并进行分页显示,您可以这样使用它:

    {% archiveList archives with type="page" limit="10" %}
        {# 循环内部将用于显示每篇文章的详细信息 #}
    {% endarchiveList %}
    

    这里的 archives 是一个变量名,它包含了从数据库中检索到的文章集合。type="page" 表示这个列表将支持分页功能,而 limit="10" 则设定了每页显示的文章数量。

  2. **显示缩略