내장된 앵커 링크를 사용하여 방문자를 특정 섹션으로 보냅니다.

앵커 링크(또는 '페이지 점프')는 페이지의 특정 위치로 이동하는 특별한 URL입니다. 예를 들어, 이 가이드의 표 목차에는 각 표제 요소로 이동하는 앵커 링크가 포함되어 있습니다.

페이지 섹션에 내장된 앵커 링크를 설정한 후, 페이지의 위치와 상관없이 방문자를 해당 섹션의 상단으로 연결할 수 있습니다. 방문자에게 특정 섹션을 강조하거나 중요한 정보를 더 쉽게 접근할 수 있도록 하려는 경우 유용합니다.

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

비디오를 시청하십시오

지원되는 섹션

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

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

참고: 블로그, 이벤트, 포트폴리오 또는 스토어 섹션에 앵커 링크를 추가할 수는 없지만, 유사한 동작을 위해 지원되지 않는 섹션 위의 빈 섹션에 앵커 링크를 생성할 수 있습니다.

앵커 링크 설정

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

1단계 - 앵커 링크 URL 슬러그 만들기 

앵커 링크 URL 슬러그를 설정하는 방법:

1. 페이지에서 편집을 클릭한 다음, 연결하려는 섹션 위에 커서를 올리고 섹션 편집을 클릭하세요.
2. 앵커 링크 아래 텍스트 필드에 앵커 링크 URL 슬러그를 추가하세요. 이 필드에는 URL 슬러그의 필수 부분이기 때문에 삭제할 수 없는 해시태그가 포함되며, 공백이 대시로 자동 변경됩니다.
3. 링크 복사 아이콘을 클릭하여 앵커 링크 URL을 클립보드에 추가하세요. 복사된 URL은 주 도메인을 사용합니다. 사용자 지정 도메인이 없는 경우 URL은 기본 제공 도메인을 사용합니다.

2단계 - 링크 생성

다음으로, 복사한 URL을 사용하여 방문자가 페이지의 섹션으로 이동하기 위해 클릭할 링크를 만드세요. 모든 유형의 링크를 사용할 수 있지만 이번 예시에서는 텍스트 링크를 사용하겠습니다.

1. 페이지의 다른 곳에 있는 콘텐츠 영역에 텍스트 블록을 추가합니다. 자세한 단계는 블록으로 콘텐츠 추가하기를 참조하세요.
2. 링크할 텍스트를 입력하고 강조 표시한 후, 텍스트 블록 도구 모음에서 링크 아이콘을 클릭하세요.
3. URL 아래에 1단계에서 복사한 URL을 붙여넣으세요. 다음과 같이 보여야 합니다.

/pageslug#anchorlinkslug

4. 새 탭에서 링크를 열려면 새 탭에서 링크 열기 토글을 켭니다.
5. Enter 키를 누르세요.

3단계 - 저장 및 게시

저장을 클릭하여 변경 사항을 게시합니다. 2단계에서 생성한 링크는 이제 방문자를 1단계에서 앵커 링크 URL 슬러그를 만든 페이지 섹션으로 안내합니다.

페이지의 맨 위 또는 맨 아래로 연결

페이지 섹션 앵커 링크를 사용하여 페이지의 상단 또는 하단에 연결할 수 있습니다.

맨 위로 연결

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

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

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

하단으로 연결

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

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

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

앵커 링크 슬러그를 지원하지 않는 섹션으로 연결되는 링크

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

1. 연결하려는 섹션 위에 빈 섹션을 추가하세요.
2. 빈 섹션으로 연결되는 앵커 링크를 설정하려면 위 단계를 따르세요.
3. 빈 섹션으로 인해 생기는 간격을 피하려면 빈 섹션을 클릭한 다음 섹션 편집을 클릭하고 화면 채우기를 끄세요.
4. 저장을 클릭합니다.

제한 사항 및 모범 사례

앵커 링크는 강력한 도구로서 방문자가 사이트를 탐색하는 데 도움이 될 수 있지만 몇 가지 사항을 염두에 두는 것이 좋습니다.

• 슬러그는 페이지당 한 번만 사용할 수 있습니다. 동일한 페이지에서 동일한 앵커 링크 슬러그를 사용하는 여러 페이지 섹션은 올바르게 작동하지 않습니다.
• URL 슬러그의 텍스트는 원하는 대로 입력할 수 있지만 공백을 포함할 수 없습니다. 슬러그 이름을 입력하면 앵커 링크 필드에 공백이 대시로 자동 변경됩니다.
• 방문자가 앵커 링크를 클릭하면 브라우저 주소 표시줄의 사이트 URL 끝에 앵커 링크 슬러그가 나타납니다. 슬러그가 방문자에게 공개되어도 괜찮은지 확인하세요.
• 향후 주 도메인, 페이지 URL 슬러그 또는 앵커 링크 URL 슬러그를 변경하는 경우, 링크가 일치하도록 업데이트하세요. 오래된 URL을 사용하면 앵커 링크가 올바르게 작동하지 않습니다.

버전 7.0의 앵커 링크

페이지 섹션과 앵커 링크는 버전 7.0에서 지원되지 않지만 사이트에 따라 다른 방법으로 앵커 링크를 설정할 수 있습니다.

• 코드 블록 - 모든 콘텐츠 영역에서 코드 블록을 사용하여 앵커 링크를 수동으로 설정할 수 있습니다.
• 색인 페이지 앵커 링크 - 일부 템플릿에는 색인 페이지에 내장된 앵커 링크가 있으며, 이는 페이지 섹션 앵커 링크와 유사하게 작동합니다.