Studio 에디터: 앵커 추가 및 사용하기
3 분
페이지 메뉴
- 앵커 추가하기
- 앵커 메뉴 추가하기
- 앵커로 링크하기
- 자주 묻는 질문
앵커를 사용하면 요소로 직접 링크할 수 있어 클라이언트 사이트에서 중요한 콘텐츠를 더 쉽게 강조 표시하고 방문자를 유도할 수 있습니다. 앵커 추가 시에는 두 가지 방법으로 앵커를 링크할 수 있습니다.
- 요소 링크하기: 요소(예: 버튼, 텍스트 등)를 앵커에 링크합니다. 방문자가 요소를 클릭하면 앵커로 이동합니다.
- 앵커 메뉴에 앵커 표시하기: 방문자가 페이지를 탐색할 수 있도록 전용 메뉴에 앵커를 표시합니다.
앵커 추가하기
섹션, 컨테이너 및 요소에 앵커를 추가하세요. 쉽게 알아볼 수 있도록 앵커에 고유한 이름을 지정하는 것이 좋습니다.
앵커를 추가하려면:
- 앵커를 추가할 요소를 클릭합니다.
- 에디터 오른쪽 상단에서 속성 열기
화살표를 클릭합니다.
- 앵커 드롭다운을 클릭합니다.
- 앵커 추가 버튼을 활성화합니다.
- 입력란에 앵커 이름을 입력합니다.
참고:
글로벌 섹션 또는 글로벌 섹션에 추가된 요소에는 앵커를 추가할 수 없습니다.
앵커 메뉴 추가하기
방문자가 사이트를 스크롤 시 항상 표시되는 플로팅 메뉴에 앵커를 표시하세요. 앵커 메뉴는 사이트 방문자가 페이지의 어디에 있든 필요한 콘텐츠에 액세스할 수 있는 옵션을 제공합니다.
도움말:
앵커 메뉴는 여러 섹션으로 구성된 매우 긴 단일 페이지 사이트에서 특히 유용합니다.
앵커 메뉴를 추가하려면:
- 에디터 왼쪽에서 요소 추가
를 클릭합니다. - 메뉴 및 검색을 선택합니다.
- 앵커 메뉴를 클릭합니다.
- 추가할 메뉴를 클릭하거나 페이지의 해당 위치로 끌어다 놓습니다.
앵커로 링크하기
특정 요소(예: 이미지, 버튼, 텍스트)를 앵커에 링크하는 것은 방문자의 현재 위치와 관련된 콘텐츠로 안내할 수 있는 좋은 방법입니다. 방문자가 요소를 클릭하면 앵커로 직접 이동합니다.
요소를 앵커에 링크하려면:
- 연결하고자 하는 요소를 클릭합니다.
- 링크
아이콘을 클릭합니다. - 앵커를 선택합니다.
- 페이지 드롭다운 메뉴를 클릭해 앵커가 포함된 페이지를 선택합니다.
- 앵커 위치 드롭다운 메뉴를 클릭해 관련 앵커를 선택합니다.
- 완료를 클릭합니다.
자주 묻는 질문
질문을 선택해 앵커 작업에 대한 자세한 내용을 확인하세요.
뷰포트가 앵커에 영향을 미치나요?
다른 중단점의 다른 앵커에 요소를 링크할 수 있나요?
앵커 메뉴가 다른 페이지에 다른 아이템을 표시하는 이유는 무엇인가요?