[워드프레스 도전 9일차] 방문자가 길을 잃지 않는 블로그 메뉴(카테고리) 만들기

 

 

지난 8일간의 노력으로, 우리 블로그는 이제 고유한 로고와 색상을 가진 세상에 단 하나뿐인 공간으로 거듭났습니다. 하지만 지금 상태는 멋진 인테리어와 상품은 가득하지만, 어디에 무엇이 있는지 알려주는 안내판이 없는 백화점과 같습니다.

 

오늘은 방문자들이 블로그에 들어왔을 때 "아, 이 블로그는 이런 주제들을 다루는구나!"라고 한눈에 파악하고, 원하는 정보로 쉽게 이동할 수 있도록 도와주는 '내비게이션', 즉 메뉴(Menu)를 만드는 방법을 배워보겠습니다.

 

이 과정을 통해 당신의 블로그는 단순한 글의 나열이 아닌, 체계적으로 정리된 '지식 저장소'로 한 단계 더 발전하게 될 것입니다.

 

✨ 방문자를 위한 최고의 안내서, 메뉴 만들기 ✨

• 1. 카테고리 vs 메뉴: 개념부터 바로잡기
• 2. Step 1: 카테고리 만들기 (글의 서랍장 정리하기)
• 3. Step 2: 메뉴 구조 만들기 (안내도 설계하기)
• 4. Step 3: 헤더에 메뉴 표시하기 (가장 잘 보이는 곳에 걸어두기)

1. 카테고리 vs 메뉴: 개념부터 바로잡기 🤔

[핵심 개념]

 

많은 초보자들이 '카테고리'와 '메뉴'를 혼동합니다. 이 둘의 차이만 명확히 이해해도 오늘 할 일의 절반은 끝난 것입니다.

[쉽게 이해하기: 백화점 비유]

- 카테고리 (Category): 백화점의 각 '매장'입니다. '1층 화장품', '2층 여성의류'처럼 상품(글)을 종류별로 분류해 놓은 실제 공간입니다. 글을 쓸 때 반드시 지정해야 하는 '분류 기준'이죠.

- 메뉴 (Menu): 백화점 입구에 있는 '층별 안내도'입니다. 방문객이 원하는 매장(카테고리)을 쉽게 찾아갈 수 있도록 보여주는 '링크 모음'입니다. 안내도에는 모든 매장을 넣을 수도, 주요 매장만 넣을 수도 있습니다.

즉, 우리는 먼저 '매장(카테고리)'을 만든 후, 그 매장으로 가는 길을 '안내도(메뉴)'에 등록하는 순서로 작업을 진행할 것입니다.

 

2. Step 1: 카테고리 만들기 (글의 서랍장 정리하기) 🗂️

[실전 가이드]

 

먼저 앞으로 쓸 글들을 담을 서랍장, 즉 카테고리를 3~5개 정도 만들어 보겠습니다.

1. 워드프레스 `관리자 페이지 (Admin Dashboard)`에서 `글 (Posts)` → `카테고리 (Categories)`로 이동합니다.
2. 왼쪽 '새 카테고리 추가' 화면에서 아래 항목을 입력합니다.
- 이름 (Name): 방문자에게 보여질 카테고리 이름 (예: 워드프레스 팁)
- 슬러그 (Slug): 주소에 사용될 영어 이름 (예: wordpress-tips). SEO를 위해 간단하고 의미 있는 영어로 적는 것이 좋습니다.
- 상위 카테고리 (Parent Category): 만약 대분류-소분류 구조를 만들고 싶다면, 이곳에서 상위 카테고리를 지정할 수 있습니다. (처음에는 '없음'으로 두어도 됩니다.)
3. `새 카테고리 추가 (Add New Category)` 버튼을 누르면 오른쪽에 카테고리가 생성됩니다. 이 과정을 반복하여 필요한 카테고리를 모두 만듭니다.

 

3. Step 2: 메뉴 구조 만들기 (안내도 설계하기) 🗺️

[실전 가이드]

 

이제 '층별 안내도'인 메뉴를 만들고, 방금 만든 '매장(카테고리)'들을 등록할 차례입니다.

1. `외모 (Appearance)` → `메뉴 (Menus)`로 이동합니다.
2. '메뉴 이름 (Menu Name)'에 "메인 메뉴"라고 입력하고 `메뉴 생성 (Create Menu)` 버튼을 누릅니다.
3. 왼쪽 '메뉴 항목 추가하기 (Add menu items)' 박스에서 `카테고리 (Categories)`를 찾아 클릭합니다.
4. 방금 우리가 만들었던 카테고리들이 보입니다. 메뉴에 추가하고 싶은 카테고리를 모두 체크하고 `메뉴에 추가 (Add to Menu)` 버튼을 누릅니다.
5. 오른쪽에 추가된 메뉴 항목들은 마우스로 드래그하여 순서를 바꿀 수 있습니다. 또한, 특정 항목을 살짝 오른쪽으로 끌어다 놓으면 하위 메뉴(Sub-menu)로 만들 수도 있습니다.

 

4. Step 3: 헤더에 메뉴 표시하기 (가장 잘 보이는 곳에 걸어두기) 📍

[실전 가이드]

 

열심히 만든 메뉴 안내도를 이제 블로그에서 가장 잘 보이는 '헤더(상단)' 영역에 걸어두겠습니다.

1. `외모 (Appearance)` → `사용자 정의하기 (Customize)`로 이동합니다.
2. `헤더 빌더 (Header Builder)`를 클릭합니다.
3. 헤더 구성 요소 중 `주 메뉴 (Primary Menu)`를 클릭합니다.
4. 왼쪽 설정창의 '메뉴 선택' 드롭다운에서 방금 우리가 만든 "메인 메뉴"를 선택합니다.
5. 오른쪽 미리보기 화면에 메뉴가 나타나는 것을 확인하고, 상단의 `공개 (Publish)` 버튼을 누르면 최종 적용됩니다.

다음 도전 예고: 블로그의 슈퍼파워, 플러그인 장착하기 🔌

• ➡️[워드프레스 도전 10일차] 워드프레스 기능 200% 활용! 이것만은 꼭 설치해야 할 필수 플러그인 5선

질문: 당신의 블로그에는 어떤 카테고리들이 생겼나요? 메뉴를 직접 만들어보니 어떠셨나요? 방문자들이 가장 먼저 클릭했으면 하는 메뉴는 무엇인가요? 🧭