링크 없이 WordPress 메뉴 항목을 만드는 방법

WordPress는 코딩 지식이 전혀 없는 사람을 포함하여 모든 사람에게 적합한 플랫폼입니다. 이 CMS를 올바른 WordPress 테마와 연결하면 상상할 수 있는 거의 모든 종류의 웹사이트를 만들 수 있습니다.

틈새 시장에 관계없이 모든 웹 사이트에는 공통적으로 몇 가지 요소가 있습니다. 예를 들어, 사용자가 쉽게 길을 찾을 수 있도록 모든 웹사이트에는 좋은 탐색 메뉴가 있어야 합니다. 그리고 콘텐츠가 많은 다층 웹사이트를 운영하는 경우 효과적인 사용자 탐색이 가능하도록 메가 메뉴를 만들어야 합니다. 잘 구성된 메뉴는 사용자가 관심 있는 웹사이트의 일부를 신속하게 찾고 액세스할 수 있도록 하기 때문에 절대적으로 필요합니다..

WordPress의 메뉴에 메뉴 항목을 추가할 때 기본적으로 모든 항목에는 링크가 있어야 하며 클릭 시 사용자를 어딘가로 데려가야 합니다. 물론 링크가 필요하지 않거나 불필요한 경우가 있습니다.

예를 들어, 드롭다운에서 하위 항목을 단순히 열고 실제로 자체에 연결하지 않는 메뉴 항목을 표시할 수 있습니다. 이러한 항목을 “링크 없음” 또는 “죽은” 메뉴 항목이라고 하며 “일반” 메뉴 항목과 달리 클릭할 수 없습니다.

이제 링크 없이 WordPress 메뉴 항목을 만드는 방법을 배웠습니다.

링크 없이 메뉴 항목 만들기

관리자 대시보드에서 외관 > 메뉴.

아래에 메뉴 항목 추가클릭 사용자 정의 링크. 이 옵션이 표시되지 않으면 페이지 상단으로 스크롤하여 오른쪽 상단에서 화면 옵션.

그것을 클릭, 검색 사용자 정의 링크이 확인란을 선택합니다.

지금 가자 사용자 정의 링크. 이 옵션은 메뉴 항목 추가 부분. 에서 URL 필드에 해시태그 입력 (#). 에서 링크 텍스트 필드에 만들려는 메뉴 항목의 이름을 입력합니다.

완료되면 다음을 누릅니다. 메뉴에 추가 단추. 변경 사항을 저장하면 오른쪽 메뉴 구조에 새 메뉴 항목이 나타납니다.

이제 메뉴 항목을 클릭하여 해당 옵션을 열 수 있습니다. URL 필드에 ‘#’ 기호를 그대로 두면 새 메뉴 항목이 연결된 것처럼 표시되지만 사용자는 클릭하면 현재 탐색 중인 페이지의 맨 위로 이동합니다. 해시태그를 삭제하고 필드를 비워두면 메뉴 항목을 클릭할 때 탐색 중인 페이지가 새로 고쳐집니다.

다행히도 이에 대한 간단한 해결책이 있습니다.

메뉴 항목을 클릭할 수 없도록 만드는 방법

메뉴 항목이 연결 해제되었음을 분명히 하기 위해 사용자가 해당 메뉴 항목 위로 마우스를 가져갈 때 마우스 커서가 기본 아이콘으로 표시되도록 할 수도 있습니다. Qode Interactive의 프리미엄 WordPress 테마 중 하나를 사용하는 경우 연결하지 마세요 상자.

이렇게 하면 호버 시 기본 커서가 표시될 뿐만 아니라 메뉴 항목을 클릭할 수 없게 됩니다(즉, 사용자가 메뉴 항목을 클릭해도 아무 일도 일어나지 않음).

우리 테마 중 하나를 사용하지 않는 경우 기본 커서를 마우스로 가리키고 간단한 CSS를 통해 링크를 클릭할 수 없도록 만들 수 있습니다. 입력 외관 > 메뉴 클릭 화면 옵션 페이지 상단에서 확인하고 CSS 클래스 체크박스가 체크되어 있습니다.

그런 다음 이전에 연결을 해제한 메뉴 항목으로 이동하여 CSS 클래스 옵션. 쓰다 클릭할 수 없는 해당 필드에 클릭한 다음 메뉴 저장.

이제 클래스를 만들었으므로 CSS에 다음 코드를 추가합니다.

.unclickable > a {
pointer-events: none;
}

그리고 그게 전부입니다. 이제 사용자는 클릭할 수 없는 클래스가 있는 메뉴 항목을 클릭할 수 없습니다.

…그리고 그것은 랩입니다!

링크 없이 워드프레스 메뉴 항목을 만드는 방법에 대한 자습서의 끝 부분에 이르렀고 마우스를 가져갈 때 포인터를 사라지게 하는 방법도 보여주었습니다. 관리 대시보드와 CSS에서 수정할 때 잊지 마세요. 도중에 변경한 모든 내용을 저장합니다.. 그리고 명확한 탐색은 좋은 UX의 매우 중요한 구성 요소라는 것을 기억하십시오. 방문자는 한 페이지에서 다음 페이지로 원활하게 이동할 수 있어야 하므로 메뉴 구조를 잘 계획하되 메뉴 모양을 자유롭게 실험해 보십시오. 숨겨진 메뉴 또는 전체 화면 탐색의 가능성을 탐색하되 항상 웹 사이트가 이해하기 쉽고 사용하기 쉬운지 확인하십시오.