페이지 레이아웃

Last update: Sat Jul 13 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

주제:
CMS

작성 대상:

초급
중간
관리자
사용자

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

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

왼쪽 막대 페이지 레이아웃이 있는 표준 2열

기본 레이아웃 구성

관리자 사이드바에서 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 - 범주 페이지에 제품 - 전체 너비 레이아웃을 사용합니다.
CMS 페이지에 사용할 Default Page Layout 을(를) 선택하십시오.

이 설정은 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 을(를) 클릭합니다.