Trying out Responsive Layout in We.Retail

搜尋
Experience Manager 6.4 Sites 開發使用手冊

本頁內容

適用於: Experience Manager 6.4 Sites

在中国购买的 Creative Cloud 产品不含 CC 桌面应用程序中的 Creative Cloud 移动应用程序和在线服务及相关功能。

您正在檢視適用於以下版本的說明內容::

All We.Retail pages use the Layout Container component to implement responsive design. The layout container provides a paragraph system that allows you to position components within a responsive grid. This grid can rearrange the layout according to the device/window size and format. The component is used in conjunction with the Layout mode in the page editor, which allows you to create and edit your responsive layout dependent on device.

Trying it out

  1. Edit the Arctic Surfing page in the Experiences section of the language master branch.

    http://localhost:4502/editor.html/content/we-retail/language-masters/en/experience/arctic-surfing-in-lofoten.html

  2. Switch to Preview to see the page as it would be rendered to a visitor of the website. Scroll down to the content of the article Aloha spirits in Norther Norway.

    chlimage_1

  3. Resize your browser window and watch as the layout adapts dynamically to the resizing.

    chlimage_1

  4. Switch to Layout mode. The emulator toolbar is automatically shown, allowing you to plan your layout per targeted device.

    Selecting a component displays floating and hiding options in the edit menu along with resizing handles for the component.

    chlimage_1

  5. Grabbing and dragging the resize handle of the component automatically shows the layout grid to assit you with the resizing.

    chlimage_1

Further Information

For further information, refer to the authoring document Responsive Layout or the administrator document Configuring Layout Container and Layout Mode for complete technical details.

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策