在网站运营中，为不同的设备提供**的浏览体验是至关重要的。安企CMS深知这一点，它提供了一套灵活的模板机制，让你可以轻松地为移动端和PC端配置不同的内容显示模板，从而满足用户需求，提升网站表现。

下面，我们就来详细了解一下如何在安企CMS中实现这一目标。

理解安企CMS的模板模式

安企CMS提供了三种主要的网站模式，以适应不同场景下对移动端和PC端内容显示的需求：

  1. 自适应模式（Responsive）：这是目前最常见的一种模式。你只需要一套模板，通过CSS媒体查询（Media Query）和灵活的布局设计，让网站内容能够智能地根据用户设备的屏幕大小自动调整显示。这种模式的优点是维护成本低，一套代码适用于所有设备，但可能在某些极端情况下，对不同设备的展示精细度不如单独适配。

  2. 代码适配模式（Code Adaptation）：在这种模式下，虽然网站仍通过同一个域名访问，但安企CMS会根据用户访问设备（PC或移动端）自动判断，并加载不同的模板文件。这意味着你可以为PC端和移动端设计两套完全独立的模板代码，拥有更精细的控制，而无需担心域名跳转问题。

  3. PC+移动端独立站点模式（PC+mobile independent sites）：这种模式为你提供了最大的灵活性。你可以为PC端和移动端配置完全独立的域名（例如 www.yourdomain.com 用于PC，m.yourdomain.com 用于移动），并分别为它们开发独立的模板。安企CMS会根据访问域名和设备类型进行智能跳转和模板加载，实现真正的独立运营。

选择合适的模式

选择哪种模式取决于你的具体需求和资源投入：

  • 如果你的网站内容结构相对简单，并且希望最大程度地降低维护成本，那么自适应模式是一个非常好的选择。现代浏览器对响应式设计的支持已经非常成熟，一套精心设计的响应式模板足以应对大部分场景。
  • 如果你的移动端和PC端需要呈现的内容结构或设计风格差异较大，并且你希望对两者有更精细的控制，但又不想管理两个独立的域名，那么代码适配模式会是理想之选。它允许你为移动端和PC端提供量身定制的用户体验，同时保持单一的域名入口。
  • 如果你的业务场景要求移动端和PC端拥有完全独立的品牌定位、内容策略甚至用户群体，并且愿意投入更多资源进行维护，那么PC+移动端独立站点模式将为你提供极致的灵活性和定制能力。这种模式常见于大型企业或特定垂直领域的网站。

为移动端和PC端配置不同的内容显示模板

接下来，我们以“代码适配模式”和“PC+移动端独立站点模式”为例，看看具体如何在安企CMS中进行配置。

第一步：在后台进行全局设置

无论选择哪种独立模板模式，都需要在安企CMS后台进行相应的配置，告诉系统你的模板策略。

  1. 确定模板类型： 首先，你需要打开你当前使用模板文件夹（通常位于 /template/你的模板目录/）下的 config.json 文件。在这个文件中，你需要设置 template_type 字段的值：

    • 如果选择自适应模式，将 template_type 设置为 0。
    • 如果选择代码适配模式，将 template_type 设置为 1。
    • 如果选择PC+移动端独立站点模式，将 template_type 设置为 2。

    这个设置是告诉安企CMS这套模板的整体适配策略。

  2. 配置移动端地址（仅适用于PC+移动端独立站点模式）： 如果你选择了“PC+移动端独立站点模式”，那么在后台的“全局设置”中，找到“移动端地址”选项，填入你为移动端准备的独立域名（例如 m.yourdomain.com）。请确保这个域名已经正确解析到你的服务器上。安企CMS会根据用户访问的设备自动判断并引导到相应的域名。

第二步：组织你的模板文件结构

安企CMS的模板文件组织非常直观。在你的模板目录（例如 /template/default/）下，你需要创建一个名为 mobile 的子目录。

  • PC端模板：所有的PC端模板文件（例如 index/index.html、{模型table}/detail.html、{模型table}/list.html 等）将直接放置在你的主模板目录中。
  • 移动端模板：与PC端模板相对应的移动端模板文件，则放置在 mobile/ 子目录中，并保持相同的目录结构和文件名。例如，如果你的PC端首页模板是 index/index.html，那么移动端首页模板就应该是 mobile/index/index.html。

通过这种方式，当系统检测到是移动设备访问时，就会优先加载 mobile 目录下的模板；如果是PC设备，则加载主模板目录下的文件。

举个例子：

/template/your_theme/
├── config.json         # 包含 template_type 设置
├── index/
│   └── index.html      # PC端首页
├── article/
│   └── list.html       # PC端文章列表
│   └── detail.html     # PC端文章详情
├── page/
│   └── detail.html     # PC端单页面
└── mobile/
    ├── index/
    │   └── index.html  # 移动端首页
    ├── article/
    │   └── list.html   # 移动端文章列表
    │   └── detail.html # 移动端文章详情
    └── page/
        └── detail.html # 移动端单页面

第三步：细化到页面级别的模板配置

安企CMS还提供了更精细的控制，允许你为单个文档、分类或单页面指定不同的显示模板。这在某些特定内容需要独特展示时非常有用，即使在整体选择了“代码适配”或“PC+移动端独立站点”模式下，这些局部设置也同样适用。

  1. 文档模板：在编辑某篇文章或产品时，你可以找到“其他参数”中的“文档模板”选项。在这里填入一个自定义的模板文件名（例如 download.html），安企CMS就会使用这个特定的模板来显示这篇文档。如果你同时为PC端和移动端创建了 download.html 和 mobile/download.html，系统将自动根据设备加载对应的版本。

  2. 分类模板：在编辑分类信息时，你可以设置“分类模板”。这允许你为某个特定的分类（及其下的所有文档，如果勾选了“是否应用到子分类”）指定一个独特的列表页或详情页模板。例如，你可以为“新闻”分类设置 news_list.html，而为“产品”分类设置 product_list.html。

  3. 单页面模板：对于“关于我们”、“联系方式”等单页面，你同样可以在编辑时指定“单页面模板”。这对于创建具有特定布局或功能的独立页面非常方便。

这些页面级别的模板设置会覆盖全局的模板规则，为你的内容运营带来极大的灵活性。

其他考量

  • 静态资源：在你的模板中引用图片、CSS、JavaScript等静态资源时，请确保路径正确。安企CMS通常会将静态资源放置在 /public/static/ 目录下，并在模板中通过 {{system with name="TemplateUrl"}} 标签获取模板静态文件地址，确保无论哪个模板被加载，都能正确找到资源。
  • 内容管理：虽然模板分离了显示，但后台的内容是统一管理的。这意味着你不需要为PC端和移动端分别发布两次内容。如果你需要在不同设备上展示 差异化 的内容，可能需要考虑在内容模型中添加自定义字段，并在模板中通过逻辑判断来显示（例如 {% if isMobile %}{{"移动端内容"}}{% else %}{{"PC端内容"}}{% endif %}）。
  • SEO优化：对于PC+移动端独立站点模式，请确保正确配置了 hreflang 标签（如果有多语言需求）和 canonical 标签，以告诉搜索引擎哪些页面是主要版本，避免重复内容问题。安企CMS在TDK标签中提供了CanonicalUrl的调用，可以帮助你处理这方面的工作。

安企CMS在多终端模板配置方面提供了高度的灵活性，让你能够根据实际需求，轻松实现从简单响应式到完全独立站点的各种配置。掌握这些功能，将帮助你为用户提供更优质的访问体验，助力网站运营成功。

常见问题解答 (FAQ)

1. 如果我选择了“代码适配”模式，但没有在 mobile 目录下创建相应的移动端模板文件，会发生什么？ 答：在这种情况下，当移动设备访问时，安企CMS会尝试寻找 mobile 目录下的对应模板，如果找不到，通常会回退到加载PC端对应的模板文件。这可能会导致移动端显示不佳，因为PC模板通常不适合直接在小屏幕上展示。因此，建议在启用代码适配模式时，为所有需要区分显示的页面都创建对应的移动端模板。

2. 我可以在同一套模板中同时使用“自适应”和“代码适配”的策略吗？ 答：是的，这是可以的。你可以将模板的 template_type 设置为 1 (代码适配模式)，然后在 mobile 目录下放置移动端模板。同时，你的PC端模板本身也可以设计成响应式的。这样，PC用户将获得响应式体验，而移动用户将获得为你专门设计的移动端模板体验。这为你提供了在不同设备上灵活结合不同前端策略的能力。

3. 如果我的移动端和PC端内容差异非常大，甚至需要不同的SEO策略，安企CMS能否支持？ 答：当然可以。当你选择“PC+移动端独立站点模式”时，你可以为移动端和PC端配置完全独立的域名。这意味着你可以为它们分别管理几乎所有内容细节，包括不同的TDK（Title, Description, Keywords）、不同的内容模型（如果需要）以及完全不同的模板和设计。虽然内容发布依然在同一个后台进行，但通过在模板层面的精细控制和后台管理字段的区分，你可以实现