WordPress에서 탐색 메뉴를 추가하는 방법 (초보자 안내서)

WordPress 사이트에 탐색 메뉴를 추가 하시겠습니까??


WordPress에는 헤더 메뉴, 드롭 다운 옵션이있는 메뉴 등을 만드는 데 사용할 수있는 드래그 앤 드롭 메뉴 인터페이스가 있습니다..

이 단계별 가이드에서는 WordPress에 탐색 메뉴를 쉽게 추가하는 방법을 보여줍니다..

WordPress에서 탐색 메뉴를 추가하는 방법

탐색 메뉴 란?

탐색 메뉴는 웹 사이트의 중요한 영역을 가리키는 링크 목록입니다. 일반적으로 웹 사이트의 모든 페이지 상단에 가로 링크 막대로 표시됩니다.

탐색 메뉴는 사이트 구조를 제공하고 방문자가 원하는 것을 찾도록 도와줍니다. WPBeginner에서 탐색 메뉴가 표시되는 방식은 다음과 같습니다.

WPBeginner 탐색 메뉴

WordPress를 사용하면 메뉴와 하위 메뉴를 쉽게 추가 할 수 있습니다. 가장 중요한 페이지, 카테고리 또는 주제, 블로그 게시물 및 소셜 미디어 프로필과 같은 사용자 정의 링크에 대한 링크를 추가 할 수 있습니다.

메뉴의 정확한 위치는 WordPress 테마에 따라 다릅니다. 대부분의 테마에는 여러 가지 옵션이 있으므로 다른 위치에 표시 할 수있는 다른 메뉴를 만들 수 있습니다.

예를 들어 대부분의 WordPress 테마에는 맨 위에 나타나는 기본 메뉴가 있습니다. 일부 테마에는 보조 메뉴, 바닥 글 메뉴 또는 모바일 탐색 메뉴가 포함될 수 있습니다..

첫 번째 사용자 정의 탐색 메뉴 작성

탐색 메뉴를 만들려면 모양»메뉴 WordPress 관리 대시 보드의 페이지.

워드 프레스에서 메뉴 만들기

먼저 ‘상단 탐색 메뉴’와 같은 메뉴 이름을 제공 한 다음 ‘메뉴 만들기’버튼을 클릭해야합니다. 메뉴 영역이 확장되고 다음과 같이 나타납니다.

WordPress에서 새로 생성 된 메뉴

다음으로 메뉴에 추가 할 페이지를 선택할 수 있습니다. 모든 새 최상위 페이지를 자동으로 추가하거나 왼쪽 열에서 특정 페이지를 선택할 수 있습니다.

먼저‘모두보기’탭을 클릭하여 모든 사이트 페이지를보십시오. 그런 다음 메뉴에 추가하려는 각 페이지 옆의 상자를 클릭 한 다음 ‘메뉴에 추가’버튼을 클릭하십시오.

탐색 메뉴에 항목 추가

페이지가 추가되면 드래그 앤 드롭하여 페이지를 이동할 수 있습니다.

메뉴에서 항목을 끌어다 놓기

노트 : 모든 메뉴는 메뉴 편집기에서 세로 (위에서 아래로) 목록으로 항목이 나열됩니다. 메뉴를 사이트에 게시하면 선택한 위치에 따라 가로 또는 세로로 표시됩니다 (왼쪽에서 오른쪽으로)..

대부분의 테마에는 메뉴를 넣을 수있는 여러 위치가 있습니다. 이 예에서는 5 개의 다른 위치가있는 기본 2020 테마를 사용하고 있습니다..

메뉴를 페이지에 추가 한 후 메뉴를 표시 할 위치를 선택하고 ‘메뉴 저장’버튼을 클릭하십시오.

메뉴 표시 위치 선택

팁: 각 위치의 위치를 ​​모르는 경우 메뉴를 다른 위치에 저장 한 다음 사이트를 방문하여 모양을 확인하십시오. 모든 위치를 사용하고 싶지는 않지만 둘 이상의 위치를 ​​사용하고 싶을 수 있습니다..

사이트에서 완성 된 메뉴는 다음과 같습니다.

완성 된 라이브 탐색 메뉴

WordPress에서 드롭 다운 메뉴 만들기

중첩 메뉴라고도하는 드롭 다운 메뉴는 상위 및 하위 메뉴 항목이있는 탐색 메뉴입니다. 부모 항목 위에 커서를 놓으면 하위 메뉴의 모든 자식 항목이 그 아래에 나타납니다.

하위 메뉴를 만들려면 항목을 부모 항목 아래로 끈 다음 약간 오른쪽으로 끕니다. 메뉴의‘서비스’아래에 3 개의 하위 항목이 있습니다.

하위 항목으로 메뉴 항목 추가

사이트에있는 하위 메뉴는 다음과 같습니다.

사이트 탐색의 드롭 다운 하위 메뉴

하위 메뉴에 하위 메뉴를 가질 수 있도록 여러 계층의 드롭 다운을 추가 할 수도 있습니다. 이로 인해 약간 혼란스러워 보일 수 있으며 많은 테마가 다중 레이어 드롭 다운 메뉴를 지원하지 않습니다.

이 예에서는 ‘로고 디자인'( ‘서비스’의 하위 항목)에 두 개의 자체 하위 항목이 있음을 알 수 있습니다..

중첩 드롭 다운 메뉴

워드 프레스 메뉴에 카테고리 추가

WordPress를 사용하여 블로그를 운영하는 경우 블로그 카테고리를 WordPress 메뉴에 드롭 다운으로 추가 할 수 있습니다. WPBeginner에서이 작업을 수행합니다.

범주 드롭 다운을 표시하는 WPBeginner 메뉴

메뉴 화면 왼쪽의 카테고리 탭을 클릭하여 메뉴에 카테고리를 쉽게 추가 할 수 있습니다. 모든 카테고리를 보려면 ‘모두보기’탭을 클릭해야 할 수도 있습니다.

메뉴에 추가하려는 카테고리를 선택한 다음 ‘메뉴에 추가’버튼을 클릭하십시오..

메뉴에 카테고리 추가

카테고리는 메뉴 하단에 일반 메뉴 항목으로 나타납니다. 끌어서 놓을 수 있습니다. 이 모든 범주를 블로그 메뉴 항목 아래에 배치하겠습니다.

'블로그'메뉴 항목 아래에 범주 놓기

사이트와 홈페이지와 분리 된 블로그 페이지를 원하십니까? 그렇다면 WordPress에서 블로그 게시물을위한 별도의 페이지를 만드는 방법에 대한 자습서를 확인하십시오..

WordPress 탐색 메뉴에 사용자 정의 링크 추가

범주 및 페이지 외에도 WordPress를 사용하면 메뉴에 사용자 지정 링크를 쉽게 추가 할 수 있습니다. 이 도구를 사용하여 소셜 미디어 프로필, 온라인 상점 및 / 또는 자신이 소유 한 다른 웹 사이트에 연결할 수 있습니다.

메뉴 화면에서 ‘맞춤 링크’탭을 사용해야합니다. 메뉴에서 사용하려는 텍스트와 함께 링크를 추가하기 만하면됩니다.

메뉴에 Twitter에 대한 사용자 정의 링크 추가

메뉴에서 창의력을 발휘하고 소셜 미디어 아이콘을 추가 할 수도 있습니다.

소셜 미디어 메뉴

WordPress 탐색 메뉴에서 메뉴 항목 편집 또는 제거

사용자 정의 탐색 메뉴에 페이지 또는 범주를 추가하면 WordPress에서 페이지 제목 또는 범주 이름을 링크 텍스트로 사용합니다. 원한다면 이것을 변경할 수 있습니다.

옆에있는 아래쪽 화살표를 클릭하면 모든 메뉴 항목을 편집 할 수 있습니다.

메뉴 항목을 확장하여 이름 편집

여기에서 메뉴 항목의 이름을 변경할 수 있습니다. 여기에서‘제거’를 클릭하여 메뉴에서 링크를 모두 제거 할 수 있습니다.

드래그 앤 드롭 인터페이스로 어려움을 겪고 있다면 적절한 ‘이동’링크를 클릭하여 메뉴 항목을 이동할 수도 있습니다.

사이드 바 및 바닥 글에 워드 프레스 메뉴 추가

테마의 표시 위치 만 고수 할 필요는 없습니다. 사이드 바 또는 바닥 글과 같은 위젯을 사용하는 모든 영역에서 탐색 메뉴를 추가 할 수 있습니다.

간단하게 모양»위젯 사이드 바에‘탐색 메뉴’위젯을 추가합니다. 그런 다음 위젯 제목을 추가하고 ‘메뉴 선택’드롭 다운 목록에서 올바른 메뉴를 선택하십시오..

메뉴를 사이드 바 위젯으로 추가

Syed Balkhi 웹 사이트에 구축 된 사용자 정의 WordPress 바닥 글 메뉴의 예는 다음과 같습니다..

워드 프레스 바닥 글 메뉴 예-Syed Balkhi

탐색 메뉴로 더 나아 가기

링크가 많은 진정한 서사시 메뉴를 만들려면 WordPress에서 메가 메뉴를 만드는 방법에 대한 자습서가 있습니다. 이를 통해 이미지를 포함한 많은 항목으로 드롭 다운을 만들 수 있습니다.

메가 메뉴 미리보기

메가 메뉴는 온라인 상점이나 뉴스 사이트와 같은 큰 사이트가있는 경우 훌륭한 옵션입니다. 이 유형의 메뉴는 Reuters, Buzzfeed, Starbucks 등과 같은 사이트에서 사용됩니다..

이 기사가 WordPress에 탐색 메뉴를 추가하는 방법을 배우는 데 도움이 되었기를 바랍니다. WordPress에서 탐색 메뉴 스타일을 지정하는 방법 및 WordPress에서 고정 부동 탐색 메뉴를 만드는 방법에 대한 가이드를 확인하십시오..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map