탐색 메뉴는 방문자가 필요한 정보를 빠르게 찾을 수 있도록 도와주는 웹사이트의 '나침반'입니다. 블로그의 글 카테고리, 비즈니스 사이트의 서비스 페이지, 외부 링크 등 모든 것을 탐색 메뉴를 통해 명확하게 표시할 수 있습니다. 이 섹션에서는 방문자가 사이트를 쉽게 탐색할 수 있도록 기본 탐색 메뉴를 만들고 페이지, 카테고리 및 사용자 정의 링크를 추가하는 방법을 알려드립니다.
I. 워드프레스 탐색 메뉴 이해: 기본 개념
시작하기 전에 몇 가지 주요 개념을 이해하세요:
- 기본 탐색 메뉴일반적으로 웹사이트 상단(헤더)에 위치하며, 방문자가 웹사이트에 들어갔을 때 가장 먼저 보게 되는 탐색 진입점으로 핵심 페이지(예: 홈, 회사 소개, 연락처 등)가 포함되어 있습니다.
- 메뉴 위치테마는 메뉴를 배치할 수 있는 위치(예: 상단 탐색 모음, 사이드바, 하단)를 결정하며, 기본 탐색은 일반적으로 "상단 메뉴" 또는 "메인 메뉴" 위치를 선택합니다.
- 메뉴 요소메뉴에 추가할 수 있는 콘텐츠에는 '페이지'(예: 만든 '서비스 페이지'), '카테고리'(예: 블로그의 '기술 공유' 카테고리), '사용자 지정 링크'(예: 외부 웹사이트, 이메일 링크) 등이 있습니다.
II. 기본 탐색 메뉴 만들기: 기본 설정
1단계: 메뉴 관리 인터페이스로 들어가기
- 워드프레스 백엔드에 로그인하고 왼쪽 메뉴 표시줄에서 '모양' → '메뉴'를 클릭하여 메뉴 편집 페이지로 들어갑니다.
- 처음 사용할 때 페이지에 "메뉴를 만들지 않았습니다"라는 메시지가 표시되면 "새 메뉴 만들기"를 클릭합니다.
2단계: 메뉴 이름 지정 및 생성
- "메뉴 이름"에 메뉴 이름을 입력합니다(예: "기본 탐색", 배경 식별용으로만 사용되며 방문자에게는 표시되지 않음).
- '메뉴 만들기' 버튼을 클릭하면 시스템이 빈 메뉴를 생성하고 다음에 콘텐츠를 추가할 수 있습니다.
3단계: 메뉴 위치 설정(키!)
메뉴를 만든 후에는 사이트에서 표시할 위치를 지정해야 합니다:
- 페이지 오른쪽의 '메뉴 설정' → '표시 위치'에서 테마에서 제공하는 '메인 메뉴' 또는 '최상위 메뉴'를 선택합니다(테마마다 '기본 메뉴' 등 이름이 다를 수 있음).
- '메뉴 저장'을 클릭하여 설정이 적용되도록 합니다(위치를 선택하지 않으면 메뉴가 생성된 후에도 전경에 메뉴가 표시되지 않습니다).
탐색 메뉴에 '페이지' 추가: 사이트 내 페이지 연결하기
웹사이트에 핵심 페이지(예: '회사 소개' '문의처')를 만든 경우 메뉴에 바로 추가할 수 있습니다:
- 메뉴 편집 페이지의 왼쪽에서 페이지 모듈(기본적으로 가장 최근에 만든 페이지가 표시됨)을 찾습니다.
- 메뉴에 추가할 페이지를 선택합니다(예: '홈' '회사 소개' '서비스 소개').
- '메뉴에 추가' 버튼을 클릭하면 선택한 페이지가 오른쪽의 메뉴 목록에 나타납니다.
- 메뉴 항목을 드래그하여 순서를 조정합니다(메뉴 항목 왼쪽의 '≡' 아이콘을 길게 누른 상태에서 위아래로 드래그).
- '메뉴 저장'을 클릭하여 웹사이트의 프론트엔드를 새로 고치면 추가된 페이지로 연결되는 링크가 표시됩니다.
탐색 메뉴에 '카테고리' 추가: 블로그 콘텐츠 정리하기
웹사이트가 블로그이거나 문서 콘텐츠를 포함하는 경우 방문자가 카테고리별로 쉽게 찾아볼 수 있도록 메뉴에 '문서 카테고리'(예: '튜토리얼', '정보')를 추가하는 것이 좋습니다:
- 메뉴 편집 페이지의 왼쪽에서 '카테고리' 모듈을 클릭합니다(표시되지 않으면 오른쪽 상단의 '화면 옵션'을 클릭하고 '카테고리'를 선택합니다).
- 추가하려는 카테고리를 선택합니다(예: "워드프레스 튜토리얼" "디자인 팁").
- '메뉴에 추가'를 클릭하면 메뉴 목록에 카테고리가 표시됩니다(표시 텍스트를 변경하려면 카테고리 이름을 클릭하세요).
- 순서를 조정하고 "메뉴 저장"을 클릭하면 전면 메뉴에 카테고리 링크가 표시되며, 이를 클릭하면 해당 카테고리의 모든 글로 이동할 수 있습니다.
V. "맞춤 링크" 추가: 외부 웹사이트 또는 특수 주소로 연결하기
온사이트 페이지 및 카테고리 외에도 사용자 지정 링크(예: 외부 파트너 사이트, 소셜 미디어 페이지, 이메일 주소 등)를 추가할 수 있습니다:
- 메뉴 편집 페이지의 왼쪽에서 '사용자 정의 링크' 모듈을 찾습니다.
- 'URL'에 링크 주소를 입력합니다:
- 외부 웹사이트: 예
https://www.example.com(반드시 다음을 포함해야 합니다.http://또는https://）。 - 소셜 미디어: 예
https://weibo.com/你的账号또는https://facebook.com/你的账号。 - 이메일 링크: 입력
mailto:你的邮箱@example.com(클릭하면 메일 클라이언트가 바로 열립니다).
- 외부 웹사이트: 예
- 메뉴에 표시된 텍스트(예: "팔로우하기" "이메일 문의")를 "링크 텍스트"에 입력합니다.
- "메뉴에 추가"를 클릭하면 사용자 지정 링크가 메뉴 목록에 추가되고 순서를 조정한 후 "메뉴 저장"을 클릭합니다.
VI. 메뉴 재구성: 정렬 및 계층 구조
메뉴 항목을 추가한 후에는 순서를 조정하거나 계층 구조(예: 보조 메뉴)를 설정하여 탐색을 보다 체계적으로 구성해야 할 수 있습니다:
1. 시퀀싱
메뉴 항목 왼쪽의 '≡' 아이콘을 길게 누른 상태에서 위아래로 드래그하여 목표 위치로 이동한 후 마우스를 놓습니다.
2. 보조 메뉴(드롭다운 메뉴) 만들기
메뉴 항목이 다른 메뉴의 하위 항목에 속하는 경우(예: '서비스 소개' 아래의 '웹사이트 구축' 및 '브랜드 디자인') 보조 메뉴로 설정할 수 있습니다:
- 하위 메뉴 항목(예: "웹사이트 구성")을 선택하고 상위 메뉴에서 들여쓰기될 때까지 오른쪽으로 드래그합니다(왼쪽에 점선이 표시됨).
- 마우스를 놓으면 하위 메뉴 항목이 자동으로 상위 메뉴의 드롭다운 항목이 됩니다(전경 마우스를 상위 메뉴 위에 올려놓으면 표시됨).
- '메뉴 저장'을 클릭하여 포그라운드를 새로고침하여 효과를 확인합니다.
일반적인 예：
- 상위 메뉴: 서비스 소개
- 보조 메뉴: 웹사이트 개발
- 보조 메뉴: 브랜딩
VII. 일반적인 문제 해결
1. 메뉴가 추가된 후 전경에 메뉴가 표시되지 않나요?
- '메뉴 설정'에서 올바른 '표시 위치'(예: '메인 메뉴')가 선택되어 있는지 확인합니다.
- 사이트 전면으로 전환하고
Ctrl+F5(Windows) 또는Command+Shift+R(Mac) 캐시를 강제로 플러시합니다. - 현재 사용 중인 테마가 이 메뉴 위치를 지원하는지 확인합니다(일부 미니멀리스트 테마는 하나의 메뉴 위치만 지원할 수 있습니다).
2. 메뉴 항목을 삭제하고 싶으신가요?
메뉴 목록에서 메뉴 항목 오른쪽에 있는 '▼' 아이콘을 클릭하여 옵션을 확장한 다음 '제거'를 클릭한 다음 '메뉴 저장'을 클릭합니다.
3. 메뉴 항목의 표시 텍스트를 변경하고 싶으신가요?
메뉴 항목 오른쪽에 있는 '▼' 아이콘을 클릭하고 '탐색 탭'의 텍스트를 변경한 다음(예: '페이지 제목'을 보다 간결한 '홈'으로 변경) 저장합니다.
초보자를 위한 팁
- 메뉴 수 제어기본 탐색 메뉴는 5~7개 이하의 메뉴 항목을 제안하며, 너무 많으면 복잡해 보일 수 있습니다(보조 콘텐츠는 보조 메뉴 또는 탐색 하단에 배치할 수 있음).
- 우선순위 핵심 콘텐츠방문자가 클릭할 가능성이 가장 높은 콘텐츠(예: 홈페이지, 서비스, 연락처 페이지)를 메뉴 맨 왼쪽(시각적 초점 위치)에 배치합니다.
- 정기적인 링크 확인게시 후 메뉴에서 각 링크를 클릭하여 제대로 이동하는지 확인합니다(페이지가 삭제된 경우 링크가 작동하지 않는 것을 방지하기 위해).
위의 단계를 통해 탐색 메뉴를 만드는 핵심 기술을 익혔습니다. 명확한 탐색 메뉴는 방문자 경험을 크게 개선하고 필요한 것을 쉽게 찾을 수 있게 해줍니다. 다음으로 '메뉴 위치 설정'과 '드롭다운 메뉴 최적화'에 대해 배워 탐색 메뉴를 더욱 전문적으로 만들 수 있습니다!
한국어