원페이지 메뉴 사용하기

원페이지 메뉴를 활용하여 랜딩 페이지 제작 등 다양한 용도로 사용해보세요.

1. 원페이지 메뉴란?

1-1. 기존 페이지 구성

기본적으로 많이 사용되는 웹 사이트의 형태입니다. 여러 개의 페이지를 하나씩 별개로 구성하고 있습니다. 메뉴 링크가 있으면 메뉴를 클릭할 때 해당하는 페이지로 이동하는 방식입니다. 선택적으로 하나의 메뉴 안에 또다른 하위 메뉴를 통해 이동하기도 합니다.

1-2. 원페이지 구성

원페이지는 웹 사이트가 하나의 페이지 안에서 구성됩니다. 식스샵에서 사용하는 원페이지 메뉴는 여러 개의 페이지를 차례대로 한 페이지에 블럭처럼 쌓는 방법으로 제작됩니다.

2. 원페이지 메뉴 추가하기

2-1. 디자인 편집 도구에서 [메뉴 추가하기 > 원페이지]를 선택하고 '추가하기' 버튼을 클릭합니다.

2-2. 원페이지 메뉴가 생성된 것을 확인할 수 있습니다.

디자인 편집 도구에서 원페이지 메뉴를 클릭했을 때 편집 창에 보이는 화면은 다른 메뉴(페이지)들을 클릭했을 때와 다릅니다. 직접 섹션을 추가 또는 편집하는 것이 아닌, 원페이지 화면의 구성을 미리 보는 용도로 사용할 수 있습니다.

3. 원페이지 메뉴 사용하기

3-1. 페이지 1, 2, 3을 원페이지로 구성해보겠습니다.

일반 페이지일 때는 머리글 메뉴에 노출되는 것을 확인할 수 있습니다.

3-2. 미리 만들어둔 원페이지 메뉴 아래에 오른쪽으로 드래그하여 포함합니다. 하위 메뉴를 만드는 방법과 같습니다.

3-3. 페이지 1, 2, 3이 원페이지 형태로 합쳐진 것을 확인할 수 있습니다.

3-4. 같은 페이지로 일반적인 방식을 적용한 예시입니다. 3-3 단계의 원페이지와 비교해보세요.

3-5. 아래 이미지를 참고하여 원페이지 속성을 설정해보세요.

SixShop | 식스샵 안내서입니다.

SixShop | 식스샵 안내서입니다.