We.Retail에서 응답형 레이아웃 시험 사용 trying-out-responsive-layout-in-we-retail

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

시험 사용 trying-it-out

  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

추가 정보 further-information

자세한 내용은 작성 문서를 참조하십시오 응답형 레이아웃 또는 관리자 문서 레이아웃 컨테이너 및 레이아웃 모드 구성 전체 기술 세부 정보.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2