We.Retail에서 응답형 레이아웃 시험 사용

모든 We.Retail 페이지는 레이아웃 컨테이너 구성 요소를 사용하여 응답형 디자인을 구현합니다. 레이아웃 컨테이너는 응답형 격자 내에 구성 요소를 배치할 수 있도록 해주는 단락 시스템을 제공합니다. 이 격자를 사용하면 장치/창 크기 및 형식에 따라 레이아웃을 다시 정렬할 수 있습니다. 구성 요소는 페이지 편집기의 레이아웃 모드와 함께 사용됩니다. 이 모드에서는 장치에 종속적인 응답형 레이아웃을 만들고 편집할 수 있습니다.

밖에서 시도

  1. 언어 마스터 분기의 경험 섹션에서 북극 서핑 페이지를 편집합니다.

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

  2. 미리 보기​로 전환하여 웹 사이트 방문자에게 렌더링되는 대로 페이지를 확인합니다. 문서 노르기타 노르웨이의 알로하 주령​의 내용으로 스크롤합니다.

    chlimage_1-178

  3. 브라우저 창의 크기를 조정할 수 있고 레이아웃이 크기 조정에 맞게 동적으로 조정될 때 확인할 수 있습니다.

    chlimage_1-179

  4. 레이아웃 모드로 전환합니다. 에뮬레이터 도구 모음이 자동으로 표시되므로 대상 장치별로 레이아웃을 계획할 수 있습니다.

    구성 요소를 선택하면 구성 요소의 크기 조정 핸들과 함께 편집 메뉴에 부동 및 숨기기 옵션이 표시됩니다.

    chlimage_1-180

  5. 구성 요소의 크기 조정 핸들을 클릭하고 드래그하면 크기를 조정할 수 있도록 레이아웃 격자가 자동으로 표시됩니다.

    chlimage_1-181

추가 정보

자세한 내용은 제작 문서 응답형 레이아웃 또는 관리자 문서 레이아웃 컨테이너 및 레이아웃 모드 구성을 참조하십시오.

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now