방문자가 특정 섹션을 쉽게 찾거나 중요한 정보에 빠르게 접근할 수 있도록 내장 앵커 링크를 설정하세요.

앵커 링크(또는 "페이지 점프")는 페이지의 특정 위치로 이동하게 하는 특별한 URL입니다. 페이지 섹션에 내장 앵커 링크를 설정하면, 페이지 내 위치와 관계없이 방문자를 해당 섹션의 맨 위로 연결할 수 있습니다.

버전 7.1에서는 페이지 섹션 앵커 링크를 설정할 수 있습니다. 사이트가 버전 7.0이라면, 코드 블록이 있는 콘텐츠 영역에서 앵커 링크를 수동으로 생성 하거나 일부 템플릿에서 기본 제공되는 색인 페이지 앵커 링크를 사용할 수 있습니다.

페이지 섹션 앵커 링크에 관한 비디오

앵커 링크의 개요와 페이지 섹션에 앵커 링크를 설정하는 방법을 알아보려면 이 비디오를 시청하세요.

앵커 링크를 사용할 수 있는 섹션은 무엇인가요?

다음 페이지 섹션 유형에서 앵커 링크를 설정할 수 있습니다.

• 자동 레이아웃
• 블록 섹션
• 코스 섹션
• 갤러리 섹션
• 비디오 섹션

참고. 블로그, 이벤트, 포트폴리오 또는 스토어 섹션에는 앵커 링크를 추가할 수 없지만, 유사한 효과를 내려면 이러한 섹션 중 하나 위의 빈 섹션에 앵커 링크를 생성할 수 있습니다.

페이지 섹션 앵커 링크 설정

앵커 링크를 설정할 때, 먼저 페이지 섹션 편집기에서 앵커 링크 URL 슬러그를 생성합니다. 이것은 방문자를 섹션으로 연결하는 데 사용할 URL을 생성합니다.

앵커 링크를 설정하는 방법은 다음과 같습니다.

1. 페이지 패널을 엽니다.
2. 링크하려는 섹션이 있는 페이지를 클릭한 다음, 편집을 클릭합니다.
3. 해당 섹션 위에 마우스를 올린 다음 섹션 편집을 클릭합니다.
4. 앵커 링크 아래 텍스트 필드에 앵커 링크 URL 슬러그를 추가합니다. 이 필드에는 URL 슬러그의 필수 부분이므로 삭제할 수 없는 해시태그가 포함되어 있습니다. 또한 공백을 대시로 자동 변경합니다.
5. 링크 복사 아이콘을 클릭하여 앵커 링크 URL을 클립보드에 복사합니다. 복사된 URL은 주 도메인을 사용합니다. 사용자 지정 도메인이 없는 경우 URL은 기본 제공 도메인을 사용합니다.
6. 페이지의 다른 곳에서 블록 추가를 클릭한 다음 텍스트를 클릭하여 텍스트 블록을 추가합니다. 이 단계에서는 텍스트 블록을 예로 들지만, 버튼 블록, 이미지 블록 또는 다른 유형의 링크도 사용할 수 있습니다.
7. 링크할 텍스트를 입력하고 강조 표시한 후, 텍스트 블록 도구 모음에서 링크 아이콘을 클릭하세요.
8. URL 아래에 페이지 섹션에서 복사한 앵커 링크 URL을 붙여넣습니다. 다음과 같은 형태여야 합니다.

/pageslug#anchorlinkslug

9. Enter 키를 누르세요.
10. 저장을 클릭합니다. 방문자가 앞서 만든 링크를 클릭하면 앵커 링크 URL 슬러그를 설정한 페이지 섹션으로 이동합니다.

앵커 링크로 페이지 상단에 연결

페이지 상단에 링크를 추가하면 페이지 내용이 길 경우 방문자가 쉽게 탐색으로 돌아갈 수 있게 편리한 방법을 제공할 수 있습니다.

페이지 맨 위로 연결하는 방법은 다음과 같습니다.

1. 페이지의 첫 번째 섹션에 앵커 링크 URL 슬러그를 추가합니다. URL 슬러그로 상단을 사용할 수 있습니다.
2. 페이지 하단에 링크를 추가하고 새 탭에서 링크 열기 토글이 꺼져 있는지 확인합니다. 링크 텍스트로 맨 위로 이동을 사용하실 수 있습니다.
3. 저장을 클릭합니다.

앵커 링크로 페이지 하단에 연결

페이지 하단에 링크를 추가하면 방문자가 바닥글에서 뉴스레터 블록과 같은 정보를 찾거나 어떤 요소와 상호 작용할 때 유용합니다.

페이지 하단으로 연결하는 방법은 다음과 같습니다.

1. 페이지의 마지막 섹션 또는 사이트 바닥글의 한 섹션에 앵커 링크 URL 슬러그를 추가합니다. URL 슬러그로 하단을 사용할 수 있습니다.
2. 원하는 위치(일반적으로 페이지 상단)에 링크를 추가하고 새 탭에서 링크 열기 토글이 꺼져 있는지 확인합니다. 링크 텍스트로 바닥글로 이동을 사용할 수 있습니다.
3. 저장을 클릭합니다.

기본 제공 앵커 링크 슬러그가 없는 섹션으로 연결되는 링크

내장 앵커 링크 슬러그가 없는 섹션 유형으로는 직접 링크할 수 없습니다. 그러나 지원되지 않는 섹션 바로 위의 섹션으로 링크하여 유사한 효과를 만들 수 있습니다.

1. 연결하려는 섹션 위에 빈 섹션을 추가하세요.
2. 빈 섹션으로 연결되도록 앵커 링크를 설정합니다.
3. 선택 사항입니다. 빈 섹션으로 인해 생기는 간격을 방지하려면 빈 섹션을 클릭한 다음 섹션 편집을 클릭하고 화면 채우기 토글을 끕니다.
4. 저장을 클릭합니다.

슬러그 텍스트가 방문자에게 표시되나요?

네. 방문자가 앵커 링크를 클릭하면 브라우저 주소 표시줄에서 사이트 URL 끝에 앵커 링크 URL 슬러그가 표시됩니다. 슬러그 텍스트는 원하는 대로 설정할 수 있지만, 방문자에게 공개되어도 괜찮은지 확인해야 합니다.

슬러그 텍스트에 공백을 사용할 수 있나요?

아니요. URL 슬러그 텍스트에는 공백을 넣을 수 없습니다. 앵커 링크 필드는 슬러그 이름을 입력하면 공백을 대시로 자동 변경합니다.

동일한 URL 슬러그를 여러 번 사용할 수 있나요?

아니요. 슬러그는 페이지당 한 번만 사용할 수 있습니다. 같은 페이지의 여러 섹션에서 동일한 앵커 링크 슬러그를 사용하면 제대로 작동하지 않습니다.

링크를 최신 상태로 유지해야 하나요?

예. 향후 주 도메인, 페이지 URL 슬러그 또는 앵커 링크 URL 슬러그를 변경하는 경우, 링크가 일치하도록 업데이트하세요. 오래된 URL을 사용하면 앵커 링크가 올바르게 작동하지 않습니다.

버전 7.0에서 앵커 링크 만들기

버전 7.0에서는 페이지 섹션과 해당 앵커 링크를 사용할 수 없지만, 앵커 링크를 설정하는 다른 방법이 있습니다. 사이트에 따라 다음을 사용할 수 있습니다.

• 코드 블록 - 코드 블록을 사용할 수 있는 콘텐츠 영역 어디에서나 앵커 링크를 수동으로 설정합니다.
• 색인 페이지 앵커 링크 - 일부 템플릿에서 기본 제공되는 색인 페이지 앵커 링크를 설정합니다. 이는 페이지 섹션 앵커 링크와 유사하게 작동합니다.