Aem 使用CQ5模板创建响应性设计

我正在调查AdobeCQ5，并希望获得有关如何集成其拖放UI以创建响应性网站的任何建议。它似乎是在一个相当平淡的模板概念上工作的，模板中的组件可以放在几乎任何地方，包括“三列控件”之类的东西，这将使得设计响应网格结构非常困难（因为很难防止用户放在一个可能破坏布局的控件中）

---

有没有人对此有任何经验或建议？我真的在寻找关于模板与组件（段落）结构的深层技术细节，以及如何管理CSS。

CQ5提供了控制在模板中可以做什么的方法，因此认为组件“可以放在几乎任何地方”可能会产生误导。页面模板的设计和配置使您可以控制哪些组件可以添加到页面的特定区域。这允许您仅使那些将与模板布局一起使用的组件可用，不包括将破坏布局的组件。然后，作者只能使用有效的东西。如果他们试图将一个组件拖到一个段落（parsys）上，而该组件尚未配置为可用，UI将不允许他们在那里使用它。因此，CQ实际上可以很容易地防止用户将控件丢弃到某个地方，从而破坏布局

这里略作概述：

• 哪个国家

‘可以激活（或停用）这些部件以确定 在编辑页面时提供给作者。”

当涉及到CSS和JavaScript时，您可以创建一个客户端库，然后在页面上包含相关的客户端库。后端CQ功能将负责将多个CSS（或JavaScript）文件合并到一个简化文件中，以允许对优化文件的单个HTTP请求。这里略作概述：

• 以及

因此，您可以开发几个共享一个客户机库的组件，然后将任何组件添加到段落中时，客户机库将包含在页面中。您可能还需要一个应用于所有模板的CSS库，以提供通用的外观，同时允许组件在使用时添加自己的组件

这些使用模板和组件的指南概述了如何提供控制和灵活性：

---

我将记录我们在RWD和CQ5方面的成功在制品经验

假设： 一个有很好文档记录的风格指南

我们的第一步： 修改现有列控制组件css以利用twitter引导网格css。 创建一个基页属性，允许子页设置和继承网格容器上的两个不同类。（容器| |容器液体）。 尽可能利用现成的组件。 所有组件宽度都继承其父容器的宽度，允许将组件拖放到模板中的任何位置

问题： 开箱即用列控件组件不能嵌套。 我们正在研究构建一个自定义列控件组件

---

外卖：这是一个不断发展的项目，我们不断重复。

随着最近AEM 6.0的发布，他们有一个名为Geomatrix Media的示例网站。本网站响应迅速

---

您可以将此示例作为参考，并在其基础上开始构建。

我认为这可能就是它的工作原理-在这方面与Sitecore类似。让多个组件（a/c到它们的属性）可以被丢弃到一个基本模板中的困难在于对最终合成的HTML有足够的控制，以允许它正确地流动。我想这是一个通用的WCM问题。