自适应模板渲染提供了一种管理页面及其变体的方法。 此功能最初对于为移动设备(例如功能手机和智能手机)交付各种HTML输出非常有用,但当需要将体验交付到需要不同标记或HTML输出的各种设备时,此功能非常有用。
模板通常围绕响应式网格构建,并且基于这些模板创建的页面是完全响应的,可根据客户端设备的视区自动调整。 使用页面编辑器中的模拟器工具栏,作者可以将布局定位到特定设备。
还可以设置模板以支持自适应渲染。 正确配置设备组后,当在模拟器模式下选择设备时,页面将在URL中以不同的选择器呈现。 使用选择器,可以通过URL直接调用特定页面渲染。
在设置设备组时请记住:
设备组响应式设备将永远没有选择器,因为被识别为支持响应式设计的设备假定不需要自适应布局
可以为现有设备组或您自己创建的组配置自适应呈现选择器。
对于此示例,我们将将现有设备组智能手机配置为在We.Retail的体验页面模板中具有自适应呈现选择器。
编辑http://localhost:4502/miscadmin#/etc/mobile/groups
中需要自适应选择器的设备组
设置选项禁用模拟器并保存。
如果在以下步骤中将设备组智能手机添加到模板和页面结构中,则此选择器将可用于Blackberry和iPhone 4。
使用CRX DE Lite,允许设备组在模板结构的多值字符串属性cq:deviceGroups
中添加,以在模板上使用。
/conf/<your-site>/settings/wcm/templates/<your-template>/structure/jcr:content
例如,如果我们想添加智能电话设备组:
/conf/we-retail/settings/wcm/templates/experience-page/structure/jcr:content
使用CRX DE Lite,允许设备组在您的站点上使用,方法是将设备组添加到站点结构上的多值字符串属性cq:deviceGroups
。
/content/<your-site>/jcr:content
例如,如果我们要允许智能电话设备组:
/content/we-retail/jcr:content
现在,当在页面编辑器中使用emulator时(例如在修改布局时),并选择已配置设备组的设备时,页面将呈现为URL的一部分,并提供一个选择器。
在我们的示例中,当基于体验页面模板编辑页面并在模拟器中选择iPhone 4时,将呈现该页面,其中包括选择器arctic-surfing-in-lofoten.smart.html
,而不是arctic-surfing-in-lofoten.html
也可以使用此选择器直接调用页面。