메뉴-앵커는 Elementor의 유용한 기능으로, 웹사이트의 특정 섹션으로 직접 이동할 수 있게 해줍니다. 이를 통해 사용자에게 직관적인 서핑 경험을 제공할 수 있습니다. 이 가이드에서는 메뉴-앵커를 효과적으로 활용하여 웹페이지의 한 부분에서 다른 부분으로 이동하는 방법을 설명하겠습니다.
주요 결론
- Elementor에서의 메뉴-앵커는 페이지의 특정 섹션으로 쉽게 이동할 수 있게 합니다.
- 명확한 ID로 직접 해당 앵커로 이동하는 링크를 생성할 수 있습니다.
- 메뉴-앵커 사용은 특히 긴 페이지에서 내비게이션을 개선합니다.
단계별 안내
먼저 Elementor로 워드프레스 페이지를 엽니다. 메뉴-앵커를 추가하려는 페이지로 이동합니다.
1. 메뉴-앵커 추가
첫 번째 단계는 새로운 메뉴-앵커를 생성하는 것입니다. 이는 Elementor의 "일반" 탭에서 이루어집니다. 앵커 요소를 찾아서 원하는 위치에 끌어다 놓습니다. 예를 들어 페이지 상단에 위치시킬 수 있습니다.
2. ID 설정
이제 ID에 이름을 부여합니다. 이 ID는 이후 링크시 중요한 역할을 합니다. 예를 들어 "testiid"라는 ID를 할당할 수 있습니다. 자음을 사용하지 않도록 주의하며, 숫자와 문자는 허용됩니다. 따라서 "testiid10"과 같은 형식도 유효한 선택입니다. ID를 복사하여 나중에 사용합니다.
3. 콘텐츠에 앵커 적용
이제 ID를 적용합니다. 앵커를 원하는 위치에 끌어다 놓습니다. 예를 들어 제목이나 다른 섹션에 위치할 수 있습니다. 이곳에서 "testiid" ID를 사용하여 나중에 링크를 생성할 수 있습니다.
4. 두 번째 앵커 추가
여러 앵커 링크가 필요한 경우 다른 섹션을 위한 추가 앵커를 추가할 수 있습니다. 예를 들어 이미지 컬렉션에 위치시킬 수 있는 앵커를 추가합니다. 이 앵커에 "나는"이라는 이름을 지으며, 해당 위치에 배치합니다.
5. 링크가 있는 버튼 생성
이제 한 앵커를 가리키는 버튼을 만드는 시간입니다. 버튼을 편집하고 링크를 삽입합니다. 링크 형식은 "testiid"여야 합니다. 링크를 삽입한 후 변경 사항을 저장합니다.
6. 변경 사항 저장 및 테스트
버튼과 앵커에 대한 링크를 지정한 후 변경 사항을 저장합니다. 페이지를 새로고침하고 버튼을 테스트합니다. 이제 원하는 섹션으로 이동해야 합니다.
7. 추가 링크 추가
다른 앵커로 링크가 포함된 추가 버튼을 추가하려면 절차를 반복하면 됩니다. 링크 생성은 동일하지만 해당 ID를 추가해야 합니다.
8. 긴 페이지에서 메뉴-앵커 활용
메뉴-앵커는 특히 인상 및 프라이버시 정책과 같이 긴 페이지에 유용합니다. 사용자는 페이지의 원하는 지점으로 직접 이동할 수 있어 사용 편의성이 향상됩니다.
9. 디자인 유연성
앵커링크를 보이게 하기 위해 버튼 또는 헤더를 사용할지 결정할 수 있습니다. 유연한 디자인은 개인적인 스타일을 반영해야 합니다.
개요
메뉴 앵커는 웹 사이트 내비게이션을 최적화하는 간단하지만 효과적인 방법을 제공합니다. 몇 가지 간단한 단계로 사용자 경로를 향상시키고 더 나은 경험을 제공할 수 있습니다. 각 ID가 충돌을 피하기 위해 고유해야한다는 점을 기억하세요.
자주 묻는 질문
메뉴 앵커란 무엇인가요?메뉴 앵커는 웹 페이지의 특정 섹션으로 이동하는 것을 가능하게 합니다.
어떻게 메뉴 앵커를 생성하나요?먼저 Elementor에 앵커를 추가하고 고유한 ID를 할당합니다.
ID에 변형된 문자를 사용할 수 있나요?아니요, 변형된 문자는 피해야 합니다. 대신 글자와 숫자를 사용하십시오.
한 페이지에 여러 메뉴 앵커를 사용할 수 있나요?네, 한 페이지에 원하는 만큼의 메뉴 앵커를 추가할 수 있습니다.
만약 ID를 변경하면 무엇이 발생하나요?앵커의 ID를 변경하면 해당 링크도 마찬가지로 조정해야 합니다.
