我正在研究 Adobe CQ5，并希望获得有关如何集成其拖放 UI 以创建响应式网站的任何建议。似乎它适用于相当平淡的模板概念，其组件几乎可以放在任何地方，包括“三列控件”之类的东西 - 这将使设计响应式网格结构非常困难（因为这很难以防止用户放入可能破坏布局的控件）。
有没有人对此有任何经验或建议？我真的在寻找有关模板与组件（段落）结构以及在何处/如何管理 CSS 的深入技术细节。
问问题
7052 次
3 回答
2
CQ5 提供了控制可以在模板中完成的操作的方法，因此认为组件“几乎可以放在任何地方”可能会产生误导。页面模板的设计和配置使您可以控制可以将哪些组件添加到页面的特定区域。这允许您仅使那些将与模板布局一起使用的组件可用，不包括会破坏布局的组件。然后作者只被允许使用可行的东西。如果他们试图将一个组件拖到该组件尚未配置为可用的段落 (parsys) 上，则 UI 将不允许他们在那里使用它。因此，CQ 实际上可以很容易地防止用户将控件放置在会破坏布局的地方。
这里稍微概述一下：
“可以激活（或停用）组件以确定在编辑页面时向作者提供哪些组件。”
对于 CSS 和 JavaScript，您可以创建一个客户端库，然后在页面上包含相关的客户端库。后端 CQ 功能将负责将多个 CSS（或 JavaScript）文件合并到一个缩小的文件中，以允许对优化文件的单个 HTTP 请求。它在这里概述了一点：
- http://dev.day.com/docs/en/cq/current/developing/widgets.html#Including%20the%20Client-Sided%20Code%20in%20a%20Page以及
- http://dev.day.com/docs/en/cq/current/howto/taglib.html#%3Ccq:includeClientLib%3E
因此，您可能会开发多个共享客户端库的组件，然后当任何组件添加到段落中时，客户端库将包含在页面中。您可能还需要一个适用于所有模板的 CSS 库，以提供通用的外观和感觉，同时允许组件在使用时添加自己的组件。
这些使用模板和组件的指南概述了您如何提供控制和灵活性：
于 2012-05-14T17:06:14.447 回答
0
我将记录我们在 RWD 和 CQ5 方面成功的 WIP 经验
假设： 一个有据可查的风格指南。
我们的第一步： 修改现有的列控制组件 css 以利用 twitter 引导网格 css。创建一个基本页面属性，允许子页面设置和继承网格容器上的两个不同类。（容器||容器流体）。尽可能利用开箱即用的组件。所有组件宽度都继承其父容器的宽度，允许将组件拖放到模板中的任何位置。
问题： 开箱即用的列控件组件无法嵌套。我们正在研究构建一个自定义列控件组件。
要点：这是一个进化项目，我们不断迭代。
于 2013-04-25T20:32:02.950 回答
0
随着最近 AEM 6.0 的推出，他们有了一个名为Geomatrixx Media的示例网站。这个网站是响应式的。
您可以将此示例作为参考，并在此基础上开始构建。
于 2014-07-26T07:08:59.900 回答