自適應範本演算提供管理含變化之頁面的方式。 這項功能原本適用於為行動裝置提供各種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的一部分。
在我們的範例中,當根據Experience Page範本編輯頁面,並在模擬器中選擇iPhone 4時,會將頁面呈現為包含選擇器的arctic-surfing-in-lofoten.smart.html
而非arctic-surfing-in-lofoten.html
您也可以使用此選擇器直接呼叫頁面。