如何在安企CMS中为文章、产品或单页面设置独立的显示模板?

在网站运营中,我们经常会遇到这样的需求:某个特殊的文章需要一个独特的排版来突出其重要性,某个产品需要一个专属的展示页面来提升转化率,或者像“关于我们”这样的核心单页面需要一个与众不同的设计来强化品牌形象。安企CMS深知这种灵活性对内容运营的重要性,因此它提供了非常便捷的方式,让我们能够为文章、产品甚至单页面设置独立的显示模板。

这个功能的核心在于将内容与表现形式解耦。也就是说,您可以在后台编辑内容,而无需担心它的最终显示样式,因为样式可以根据您的需求,通过切换模板来轻松实现。

理解安企CMS的模板机制

安企CMS的模板系统采用类似Django的语法,模板文件通常以.html为后缀,统一存放在网站根目录下的/template文件夹中。每一套模板都有自己的独立目录。当我们为特定内容设置独立模板时,实际上就是告诉系统:“当访问这个内容时,请不要使用默认的样式,而是用我指定的这个模板文件来渲染它。”

这种灵活性不仅让设计师可以自由发挥,也让运营人员能够根据内容营销的策略,快速调整页面布局,以适应不同的推广活动或内容类型。

为文章和产品设置独立显示模板

文章和产品在安企CMS中都归属于“内容模型”下的文档,它们的模板设置逻辑是相似的。

想象一下,您有一篇年度报告,希望它拥有一个更专业、图文并茂的专属页面;或者有一个旗舰产品,需要一个包含视频、用户评价等模块的特别布局。这时,就可以为其指定独立模板。

具体操作步骤:

  1. 创建或准备自定义模板文件: 首先,您需要在当前使用的模板主题目录下(例如:/template/default/),根据您的内容模型,创建一个新的HTML文件。

    • 如果您的内容是“文章”,可以创建一个类似 article/special-report.html 的文件。
    • 如果您的内容是“产品”,可以创建一个类似 product/flagship-showcase.html 的文件。 请确保这个文件的内容包含了您希望的独特布局和样式。
  2. 在后台指定模板: 接下来,进入安企CMS后台,找到您需要设置的文章或产品

    • 点击左侧菜单的“内容管理” -> “文档管理”。
    • 找到目标文章或产品,点击“编辑”。
    • 在编辑页面中,向下滚动到“其他参数”部分,您会看到一个名为“文档模板”的输入框。
    • 在这里,填写您刚刚创建的自定义模板文件的相对路径和文件名。例如,如果您创建了 article/special-report.html,就直接填写 special-report.html 即可(系统会自动识别到 article 目录)。
    • 保存您的更改。

完成这些步骤后,当用户访问这篇特定的文章或产品详情页时,安企CMS就会自动调用您指定的 special-report.htmlflagship-showcase.html 模板来显示内容。

为分类列表页设置独立显示模板

有时候,您可能希望某个特定的分类,比如“新闻动态”和“成功案例”,它们虽然都是文章分类,但列表展示形式却大相径庭。新闻可能需要简洁的标题和发布时间,而成功案例可能需要突出缩略图和简短描述。

具体操作步骤:

  1. 创建或准备自定义模板文件: 同样地,在您的模板主题目录下,根据内容模型创建列表页模板。

    • 例如,您可能为“新闻”分类创建一个 article/list-news.html
    • 为“成功案例”分类创建一个 article/list-cases.html。 这些模板文件将负责渲染该分类下的文章列表样式。
  2. 在后台指定模板: 进入安企CMS后台,找到您需要设置的分类

    • 点击左侧菜单的“内容管理” -> “文档分类”。
    • 找到目标分类,点击“编辑”。
    • 在编辑页面中,向下滚动到“其他参数”部分,您会看到一个名为“分类模板”的输入框。
    • 在这里,填写您创建的自定义分类列表模板文件的相对路径和文件名。例如,如果您创建了 article/list-news.html,就填写 list-news.html
    • 另外,这里还有一个“是否应用到子分类”的选项。如果您希望这个自定义列表模板也能应用于当前分类的所有子分类,可以勾选它。
    • 保存您的更改。

这样设置后,当访问该分类的列表页时,页面将使用您指定的 list-news.htmllist-cases.html 来展示内容。

一个小提示: 在分类设置中,除了“分类模板”还有一个“文档模板”选项。

  • “分类模板”控制的是该分类列表页的显示样式。
  • “文档模板”则控制该分类下所有文档的详情页显示样式。 例如,您可以为“产品分类A”的列表页设置一个特殊的 product/list-grid.html 模板,同时指定该分类下的所有产品详情页都使用 product/detail-fancy.html 模板。这种分层控制让内容展示更加精细。

为单页面设置独立显示模板

网站上的“联系我们”、“服务介绍”、“企业文化”等单页面,往往承载着重要的信息展示或用户交互功能。为它们量身定制独特的设计,能有效提升用户体验。

具体操作步骤:

  1. 创建或准备自定义模板文件: 在您的模板主题目录下,创建一个新的HTML文件。

    • 例如,您可能为“关于我们”页面创建一个 page/about-us.html
    • 为“联系方式”页面创建一个 page/contact-page.html
  2. 在后台指定模板: 进入安企CMS后台,找到您需要设置的单页面

    • 点击左侧菜单的“页面资源” -> “页面管理”。
    • 找到目标单页面,点击“编辑”。
    • 在编辑页面中,您会看到一个名为“单页面模板”的输入框。
    • 在这里,填写您创建的自定义单页面模板文件的相对路径和文件名。例如,如果您创建了 page/about-us.html,就填写 about-us.html
    • 保存您的更改。

之后,访问这个单页面时,系统就会使用您指定的 about-us.htmlcontact-page.html 模板来显示内容。

模板文件命名的小技巧

安企CMS也支持一些默认的模板命名约定,如果您创建的模板文件符合这些约定,甚至无需在后台手动指定,系统也能自动应用:

  • 文档默认自定义模板: 名称格式是 {模型table}/{文档ID}.html。例如,如果您的文章模型是 article,有一篇ID为10的文章,您可以创建 article/10.html
  • 文档列表默认自定义模板: 名称格式是 {模型table}/list-{分类ID}.html。例如,如果您有一个ID为5的分类,可以创建 article/list-5.html
  • 单页面默认自定义模板: 名称格式是 page/{单页面ID}.html。例如,ID为20的单页面可以创建 page/20.html

虽然这些默认约定很方便,但在实际使用