站点模板

了解如何使用 AEM 站点模板来预定义站点结构和初始内容,以便您快速创建站点。

概述

使用预定义的结构可以方便地根据一组现有标准快速部署新站点。站点模板是一种将基本站点内容组合成方便且可重用的包的方法。

站点模板通常包含基本站点内容和结构以及站点样式信息(称作站点主题),以便快速启动新站点。管理员可以在站点创建过程中选择站点模板作为站点的基础。

模板具有强大的功能,因为它们可重用和自定义。由于您可以在 AEM 安装中使用多个模板,因此可以灵活地创建不同的站点来满足各种业务需求。

注意

不应混淆 AEM 站点模板与页面模板。站点模板定义了站点的整体结构。页面模板定义了单个页面的结构和初始内容。

不应混淆 AEM 站点模板与 AEM 站点主题。AEM 站点主题仅包含 AEM 站点的样式信息。AEM 站点模板定义站点结构和初始内容,并包含 AEM 站点主题,以便快速创建站点

将站点模板添加到 AEM

您可以将多个模板添加到 AEM,然后将其用于创建站点

  1. 登录您的 AEM 创作环境并导航到站点控制台

    • https://<your-author-environment>.adobeaemcloud.com/sites.html/content
  2. 点按或单击屏幕右上方的​创建,然后从下拉菜单中选择​从模板创建站点

    从模板创建站点

  3. 在创建站点向导中,点按或单击左栏顶部的​导入

    站点创建向导

  4. 在文件浏览器中,找到要使用的模板并点按或单击​上传

  5. 上传模板后,该模板将显示在可用模板列表中。

您的模板将上传,并且可用于创建新站点

在选择现有模板时,它在右栏中显示有关模板的信息。

选择模板

站点模板结构

站点模板只是带有逻辑结构的包,它清楚地反映了包内容的目的。站点模板具有以下结构。

  • files:包含 UI 套件、XD 文件和可能的其他文件的文件夹
  • previews:包含站点模板的屏幕截图的文件夹
  • site:为从此模板创建的每个站点复制的内容的内容包,例如页面模板、页面等
  • theme:用于修改站点外观的站点主题的来源,包括 CSS、JavaScript 等

标准站点模板

Adobe 提供了一个最佳实践参考模板,您可以基于此模板创建自己的模板。GitHub 上提供了标准站点模板

可以下载最新版本的标准站点模板,并可直接使用它创建新站点

开发站点模板

Adobe 提供 AEM 站点模板生成器作为一组用于创建新站点模板的脚本。

GitHub 上提供了 AEM 站点模板生成器与使用文档。自定义站点主题需要前端开发人员经验,自定义站点结构和内容需要 AEM 开发人员知识。

在此页面上