페이지 레이아웃

Last update: Mon Nov 27 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

주제:
CMS
Page Content

작성 대상:

Beginner
Intermediate
Admin
User

저장소에 있는 각 페이지의 레이아웃은 페이지의 머리글, 바닥글 및 컨텐츠 영역을 정의하는 고유한 섹션 또는 컨테이너로 구성됩니다. 레이아웃에 따라 각 페이지에는 1개, 2개, 3개 또는 그 이상의 열이 있을 수 있습니다. 레이아웃은 다음과 같이 생각할 수 있습니다. 평면도 을 클릭하고, CMS, 제품 및 카테고리 페이지의 기본값으로 사용할 특정 레이아웃을 할당합니다.

페이지에서 콘텐츠 블록은 의 섹션에 따라 사용 가능한 공간을 채우기 위해 부동됩니다. 페이지 레이아웃 할당된 위치에 표시됩니다. 레이아웃을 3열에서 2열 레이아웃으로 변경하면 기본 영역의 콘텐츠가 확장되어 사용 가능한 공간을 채웁니다. 또한 사용되지 않은 사이드바와 연관된 모든 블록이 사라지는 것처럼 보입니다. 그러나 3열 레이아웃을 복원하면 블록이 다시 나타납니다. 이 유동적 접근법, 또는 유동적 배치 를 사용하면 콘텐츠를 다시 작업하지 않고도 페이지 레이아웃을 변경할 수 있습니다. 개별 HTML 페이지로 작업하는 데 익숙한 경우 이 모듈에서는 빌딩 블록 접근 방식은 다른 사고 방식을 필요로 한다.

왼쪽 막대 페이지 레이아웃이 있는 표준 2열 {width="700" modal="regular"}

기본 레이아웃 구성

다음에서 관리자 사이드바, 이동 Stores > Settings>Configuration.
아래의 왼쪽 패널에서 General, 선택 Web.
확장 다음 Default Layouts 섹션.

{width="600" modal="regular"}
다음을 선택합니다. Default Product Layout 제품 페이지에 사용할 수 있습니다.

이 설정은 제품 페이지에 기본적으로 사용되는 레이아웃을 결정합니다.
- No layout updates - 제품 페이지에 대해 레이아웃 업데이트를 사용할 수 없습니다.
- Empty - 제품 페이지에 빈 레이아웃을 사용합니다.
- 1 column - 제품 페이지에 단일 열 레이아웃을 사용합니다.
- 2 columns with left bar - 제품 페이지의 왼쪽에 사이드바가 있는 2열 레이아웃을 사용합니다.
- 2 columns with right bar - 제품 페이지의 오른쪽에 사이드바가 있는 2열 레이아웃을 사용합니다.
- 3 columns - 제품 페이지의 왼쪽 및 오른쪽에 사이드바가 있는 3열 레이아웃을 사용합니다.
날짜 페이지 빌더 이(가) 활성화되어 있으면 추가 전체 너비 옵션을 사용할 수 있습니다. 그런 다음 페이지 빌더 콘텐츠 도구를 사용하여 제품 페이지의 레이아웃을 디자인할 수 있습니다.
- Page -- Full Width - 를 사용합니다. 페이지 - 전체 너비 제품 페이지 레이아웃.
- Category -- Full Width - 를 사용합니다. 범주 - 전체 폭 제품 페이지 레이아웃.
- Product -- Full Width - (권장) 제품 - 전체 폭 제품 페이지 레이아웃.
다음을 선택합니다. Default Category Layout 범주 페이지에 사용할 수 있습니다.

이 설정은 범주 페이지에 기본적으로 사용되는 레이아웃을 결정합니다.
- No layout updates - 범주 페이지에는 레이아웃 업데이트를 사용할 수 없습니다.
- Empty - 범주 페이지에 빈 레이아웃을 사용합니다.
- 1 column - 범주 페이지에 단일 열 레이아웃을 사용합니다.
- 2 columns with left bar - 범주 페이지의 왼쪽에 사이드바가 있는 2열 레이아웃을 사용합니다.
- 2 columns with right bar - 범주 페이지의 오른쪽에 사이드바가 있는 2열 레이아웃을 사용합니다.
- 3 columns - 범주 페이지의 왼쪽 및 오른쪽에 사이드바가 있는 3열 레이아웃을 사용합니다.
날짜 페이지 빌더 이(가) 활성화되어 있으면 추가 전체 너비 옵션을 사용할 수 있습니다. 그런 다음 페이지 빌더 콘텐츠 도구를 사용하여 범주 페이지의 레이아웃을 디자인할 수 있습니다.
- Page -- Full Width - 를 사용합니다. 페이지 - 전체 너비 카테고리 페이지를 위한 레이아웃입니다.
- Category -- Full Width - (권장) 범주 - 전체 폭 카테고리 페이지를 위한 레이아웃입니다.
- Product -- Full Width - 를 사용합니다. 제품 - 전체 폭 카테고리 페이지를 위한 레이아웃입니다.
다음을 선택합니다. Default Page Layout CMS 페이지에 사용할 수 있습니다.

이 설정은 CMS 페이지에 기본적으로 사용되는 레이아웃을 결정합니다.
- No layout updates - CMS 페이지에 대해 레이아웃 업데이트를 사용할 수 없습니다.
- Empty - CMS 페이지에 대해 빈 레이아웃을 사용합니다.
- 1 column - CMS 페이지에 대해 단일 열 레이아웃을 사용합니다.
- 2 columns with left bar - CMS 페이지의 왼쪽에 사이드바가 있는 2열 레이아웃을 사용합니다.
- 2 columns with right bar - CMS 페이지의 오른쪽에 사이드바가 있는 2열 레이아웃을 사용합니다.
- 3 columns - CMS 페이지의 왼쪽 및 오른쪽에 사이드바가 있는 3열 레이아웃을 사용합니다.
날짜 페이지 빌더 이(가) 활성화되어 있으면 추가 전체 너비 옵션을 사용할 수 있습니다. 그런 다음 페이지 빌더 콘텐츠 도구를 사용하여 CMS 페이지의 레이아웃을 디자인할 수 있습니다.
- Page -- Full Width - (권장) 페이지 - 전체 너비 cms 페이지에 대한 레이아웃입니다.
- Category - Full Width - 를 사용합니다. 범주 - 전체 폭 cms 페이지에 대한 레이아웃입니다.
- Product - Full Width - 를 사용합니다. 제품 - 전체 폭 cms 페이지에 대한 레이아웃입니다.
완료되면 다음을 클릭하십시오. Save Config.