특정 섹션으로 이동하도록 링크 연결이 가능한가요?
모든 섹션은 고유의 ‘섹션 ID’를 갖고 있으며, 버튼 등에 추가할 수 있는 링크 주소로 활용할 수 있습니다.
예를 들어, 방문자가 ‘섹션 ID’가 링크된 버튼을 클릭하면 아래의 애니메이션과 같이 방문자를 동일한 페이지의 다른 섹션으로 이동시킬 수 있으며, 필요에 따라 다른 페이지의 특정 섹션으로 이동시키는 것도 가능합니다.
이 도움말을 통해 버튼을 클릭하면 특정 섹션으로 이동시키는 앵커 링크를 만드는 방법을 배워보세요.
참고: 아래는 버튼 위젯을 예로 설명하지만, 링크를 설정할 수 있는 위젯(이미지 위젯, 갤러리 위젯 등)이라면 모두 적용할 수 있습니다.
설정방법
- 디자인 모드에 접속합니다. 접속방법
- 왼쪽 상단의 위젯 추가 ＋ 아이콘을 클릭합니다.
- 버튼 위젯을 클릭해 페이지에 추가합니다.
- 버튼 위젯 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
- 컨텍스트 메뉴가 나오면 버튼 설정을 클릭합니다.
링크 타입으로 코드를 선택합니다.
오른쪽 코드 입력 칸에 링크 걸 섹션의 섹션 ID 를 입력합니다. (예: #s201910224dc7406405bc4)
참고: 메뉴 URL과 섹션 ID를 찾는 방법은 이 도움말 하단의 관련 도움말 항목에서 찾아보실 수 있습니다.
- 버튼 설정 창에서 닫기 ✕ 아이콘을 클릭해 설정을 완료합니다.
- 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
- 버튼을 클릭하면 의도한 섹션으로 이동하는지 확인합니다.
- 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.
참고: 다른 페이지에 앵커 링크를 걸 땐 페이지 새로고침이 일어나며 이건 정상적인 현상입니다.
- 디자인 모드에 접속합니다. 접속방법
- 왼쪽 상단의 위젯 추가 ＋ 아이콘을 클릭합니다.
- 버튼 위젯을 클릭해 페이지에 추가합니다.
- 버튼 위젯 위에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
- 컨텍스트 메뉴가 나오면 버튼 설정을 클릭합니다.
링크 타입으로 코드를 선택합니다.
링크 타입 오른쪽에 위치한 코드 입력 칸에
/메뉴URL#섹션ID형식으로 메뉴 URL과 섹션 ID를 붙여서 입력합니다. (예: /lookbook#s20200623123e797c6dfb8)참고: 메뉴 URL과 섹션 ID를 찾는 방법은 이 도움말 하단의 관련 도움말 항목에서 찾아보실 수 있습니다.
- 버튼 설정 창에서 닫기 ✕ 아이콘을 클릭해 설정을 완료합니다.
- 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
- 버튼을 클릭하면 의도한 섹션으로 이동하는지 확인합니다.
- 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.
