设计和设计人员 designs-and-the-designer

CAUTION
AEM 6.4已结束扩展支持,本文档将不再更新。 有关更多详细信息,请参阅 技术支助期. 查找支持的版本 此处.
CAUTION
本文介绍了如何基于经典UI创建网站。 Adobe建议将最新的AEM技术用于您的网站,如文章中所述 开发入门AEM Sites.

设计器用于使用 经典UI 在AEM中。

NOTE
有关Web辅助功能的更多信息,请参阅 AEM和Web无障碍准则.

使用设计器 using-the-designer

您的设计可在 设计 部分 工具 选项卡:

screen_shot_2012-02-01at30237pm

在此,您可以创建存储设计所需的结构,然后上传所需的级联样式表和图像。

设计存储在 /apps/<your-project>. 要用于网站的设计路径,使用 cq:designPath 属性 jcr:content 节点。

chlimage_1-74

NOTE
在设计模式下对页面所做的所有更改都会保留在网站设计节点下方,并自动应用于具有相同设计的所有页面。

您需要的 what-you-will-need

要实现您的设计,您需要:

CSS — 层叠样式表定义页面上特定区域的格式。

图像 — 用于背景、按钮等功能的任何图像。

设计网站时的注意事项 considerations-when-designing-your-website

在开发网站时,强烈建议在 /apps/<your-project> 这样,您就可以根据当前设计引用资源,如以下代码片段所述。

<%= currentDesign.getPath() + "/static/img/icon.gif %>

上例提供了以下几项优势:

  • 组件的外观可能因使用不同设计路径的每个网站而异。

  • 只需将设计路径指向网站根目录的其他节点(从 design/v1 to design/v2.

  • /etc/designs/content 是浏览器唯一看到的外部URL,用于保护您的外部用户对您下面的内容有所了解 /apps 树。 上述URL优势还有助于系统管理员设置更好的安全性,因为您将资产的泄露限制在几个不同的位置。

recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e