워드프레스 Onepress 테마의 메뉴 아이템을 드롭다운 리스트로 만드는 방법

글자 크기

저의 블로그 상단에 있는 메뉴 중 Misc.에 마우스를 올려놓으면 드롭다운 리스트가 나타나는 것을 볼 수 있는데요. 이 글에서는 워드프레스 Onepress 테마의 메뉴 아이템을 드롭다운 리스트로 만드는 방법에 대해 알아보겠습니다.

광고가 표시되면 저희에게 많은 도움이 됩니다.

워드프레스 Onepress 테마의 메뉴 아이템을 드롭다운 리스트로 변경하는 방법



1. 메뉴에서 드롭다운 리스트란?

저의 블로그에서 Misc.에 마우스를 가져가면 아래 그림과 같이 하위 메뉴가 보이는데요. 이것을 드롭다운 리스트라고 합니다. 저는 4개만 등록을 했지만 그 이상도 가능하기 때문에 많은 블로그에서 적용하고 있습니다.
웬만한 테마에서는 대부분 지원하고 있지만 방법을 잘 모르시는 분들이 많은 것 같아 적용하는 방법을 상세히 설명드리겠습니다.

워드프레스 Onepress 테마의 메뉴 아이템을 드롭다운 리스트로 변경하는 방법에 대해 설명합니다


2. Onepress 테마 메뉴에 드롭다운 리스트 적용하기 

워드프레스 관리자 화면에서 ‘외모’ → ‘메뉴’로 이동합니다. ‘메뉴 추가’에서 ‘사용자 정의 링크’를 클릭하고 추가하고자 하는 URL과 텍스트를 입력한 후 ‘메뉴에 추가’를 클릭합니다.

드롭다운 리스트로 추가할 링크를 추가합니다


저는 ‘사용자 정의 링크’에 추가를 했지만 페이지나 글 또는 카테고리를 선택하셔도 됩니다. 아래는 새로운 메뉴 아이템을 추가한 화면입니다. 새로운 메뉴 아이템을 추가한 후, 마우스로 해당 아이템을 드래그하여 원하는 메뉴 하위로 이동시킵니다. 이때 아래 화면과 같이 상위 메뉴보다 조금 오른쪽으로 위치시키면 (들여쓰기), 우리가 원하는 드롭다운 리스트로 표시되게 됩니다. 새로 추가한 메뉴 아이템을 원하는 메뉴 하위에 위치시킨 후 ‘메뉴 저장’를 클릭하면 적용됩니다.

추가된 메뉴를 마우스로 드레그하여 상워메뉴보다 조금 오른쪽으로 이동시킵니다


3. 적용결과 확인해 보기 

위와 같이 드롭다운 리스트로 표시되어야 할 메뉴를 상위 메뉴의 하위에 약간 오른쪽으로 들여쓰기하면 아래와 같이 원하는 드롭다운 리스트가 표시됩니다.

상위메뉴보다 조금 오른쪽으로 들여쓰기하면 드롭다운 리스트로 표시됩니다


오늘은 워드프레스 Onepress 테마의 메뉴 아이템을 드롭다운 리스트로 만드는 방법에 대해 자세히 알아보았습니다. 어렵지는 않은데 어떻게 하는지 잘 모르시는 분들이 많은 것 같아 상세히 설명드렸습니다. 이 글을 참고하여 워드프레스 OnePress 테마에서 드롭다운 리스트가 필요하신 분들은 적용해 보시길 바랍니다.