워드프레스 테마 메뉴 만들기, 분명 만들었는데 왜 안 보일까?

워드프레스에 유료 테마까지 설치하고 메뉴를 만들었는데, 사이트에는 아무것도 안 뜨는 경험 있으신가요? 저는 그 화면 앞에서 30분 넘게 헤맸어요. 결론부터 말하면, 메뉴는 ‘만들기’와 ‘표시 위치 지정’이 별개의 단계라서 위치를 지정하지 않으면 절대 화면에 나타나지 않아요. 코딩을 전혀 몰라도 관리자 화면만으로 해결할 수 있으니, 제가 헤맨 순서 그대로 따라오시면 오늘 안에 헤더 메뉴가 뜨는 걸 보실 수 있어요.

• 만든 메뉴가 안 보였던 진짜 이유: ‘표시 위치’ 개념
• 클래식 테마: 외모→메뉴에서 만드는 5단계
• 페이지·카테고리·링크 연결과 드롭다운 만들기
• 블록 테마라면 ‘외모→메뉴’가 아예 없어요
• 모바일 햄버거 메뉴, 저장 전에 꼭 확인하세요
• 메뉴가 안 보일 때 점검 순서 4가지
• 자주 묻는 질문

만든 메뉴가 안 보였던 진짜 이유: ‘표시 위치’ 개념

제가 처음 메뉴를 만들던 날을 그대로 얘기해볼게요. 외모→메뉴에서 ‘블로그’, ‘소개’ 항목을 넣고 저장까지 눌렀는데, 사이트를 새로고침해도 헤더가 텅 비어 있었어요. 뭘 잘못했는지 몰라서 메뉴를 지웠다 다시 만들기를 세 번이나 반복했죠.

알고 보니 원리는 단순했어요. 메뉴는 ‘링크 묶음’일 뿐이고, 테마가 미리 파놓은 자리(슬롯)에 그 묶음을 꽂아야 화면에 나타나요. 이 자리가 바로 ‘표시 위치’예요. 보통 헤더 상단의 주 메뉴(테마에 따라 Primary, GNB, 주요 메뉴 등으로 표기)와 푸터 메뉴, 이렇게 2~3개가 있어요.

즉 메뉴 화면 맨 아래의 표시 위치 체크박스를 켜지 않으면, 메뉴는 창고에 만들어만 두고 진열은 안 한 상태가 돼요. 테마마다 슬롯 이름과 개수가 달라서, 유료 테마로 갈아탄 직후에 메뉴가 사라지는 것도 같은 이유예요. 이 개념 하나만 잡으면 아래 실습은 정말 쉬워져요.

클래식 테마: 외모→메뉴에서 만드는 5단계

먼저 내 테마가 클래식인지 확인하는 방법부터요. 관리자 대시보드 왼쪽의 ‘외모’에 마우스를 올렸을 때 ‘메뉴’ 항목이 보이면 클래식 테마예요. ‘편집기’만 보인다면 블록 테마이니 아래 네 번째 섹션으로 바로 내려가세요.

1. 메뉴 화면 열기 — 관리자 대시보드에서 외모→메뉴로 들어가요. 처음이라면 ‘새로운 메뉴를 생성하세요’ 링크가 보여요.
2. 메뉴 이름 짓고 생성 — 이름은 나만 보는 관리용이라 ‘메인메뉴’처럼 편하게 지으면 돼요. ‘메뉴 생성’ 버튼을 눌러요.
3. 항목 추가 — 왼쪽 패널에서 페이지·글·카테고리 탭을 열고, 넣고 싶은 항목에 체크한 뒤 ‘메뉴에 추가’를 눌러요.
4. 표시 위치 지정 — 화면 아래 ‘메뉴 설정’에서 주 메뉴(Primary)에 체크해요. 앞에서 말한 그 핵심 단계예요.
5. 저장 후 확인 — ‘메뉴 저장’을 누르고, 브라우저 시크릿 창으로 사이트를 열어 헤더에 메뉴가 떴는지 확인해요.

저는 3번에서 페이지 탭이 비어 있어서 또 당황했었는데, 이유는 발행한 고정 페이지가 하나도 없어서였어요. 메뉴에 넣을 페이지는 먼저 페이지→새로 추가에서 발행해둬야 목록에 나타나요. 임시 저장 상태로는 안 보여요.

페이지·카테고리·링크 연결과 드롭다운 만들기

메뉴에 넣을 수 있는 항목은 크게 세 종류예요. 각각 언제 쓰는지 표로 정리하면 이래요.

블로그라면 카테고리 항목이 특히 중요해요. 방문자가 헤더에서 주제를 골라 글 목록으로 바로 이동하니까요. 카테고리 탭에서 방금 만든 카테고리가 안 보이면 ‘모두 보기’ 탭을 눌러보세요. 기본 탭은 많이 쓴 카테고리만 보여주거든요.

드롭다운(하위 메뉴)은 생각보다 간단했어요. 메뉴 구조 화면에서 하위로 만들 항목을 마우스로 잡고, 부모 항목보다 살짝 오른쪽으로 들여서 놓으면 끝이에요. 들여쓰기된 항목에는 ‘하위 항목’이라는 표시가 붙고, 실제 사이트에서는 부모 항목에 마우스를 올렸을 때 아래로 펼쳐져요. 순서 변경도 같은 방식의 드래그 앤 드롭이에요.

사용자 정의 링크를 새 창으로 열고 싶다면, 메뉴 화면 오른쪽 위의 ‘화면 옵션’을 열고 ‘링크 타겟’에 체크하세요. 그러면 각 항목에 ‘새 탭에서 링크 열기’ 체크박스가 생겨요. 저는 이 옵션이 숨겨져 있는 걸 몰라서 한참 찾았어요.

블록 테마라면 ‘외모→메뉴’가 아예 없어요

Twenty Twenty-Four 같은 최신 기본 테마를 쓰면 외모 아래에 ‘메뉴’가 없어서, 화면이 잘못된 줄 알고 테마를 의심하게 돼요. 고장이 아니라 블록 테마(FSE)는 메뉴를 ‘내비게이션 블록’으로 관리하는 방식이라 그래요. 절차는 이래요.

1. 사이트 편집기 열기 — 외모→편집기로 들어가면 사이트 전체 미리보기가 떠요.
2. 내비게이션 선택 — 왼쪽 패널의 ‘내비게이션’을 누르거나, 미리보기에서 헤더의 메뉴 부분을 직접 클릭해요.
3. 항목 추가 — 블록 옆의 + 버튼으로 페이지 링크·카테고리·사용자 정의 링크를 추가해요. 검색창에 페이지 제목을 치면 바로 연결돼요.
4. 하위 메뉴 구성 — 항목을 선택한 뒤 툴바에서 ‘하위 메뉴 추가’를 누르면 드롭다운이 만들어져요.
5. 저장 — 오른쪽 위 ‘저장’ 버튼을 눌러야 반영돼요. 클래식과 달리 저장 확인 창이 한 번 더 떠요.

직접 둘 다 써보니, 블록 테마는 미리보기 화면에서 바로 고치는 방식이라 직관적이지만 클릭할 곳을 처음에 찾기 어렵고, 클래식은 화면은 투박해도 구조가 한눈에 보였어요. 어느 쪽이든 원리는 같아요. 링크 묶음을 만들고 헤더 자리에 꽂는 것.

모바일 햄버거 메뉴, 저장 전에 꼭 확인하세요

PC에서 메뉴가 잘 떠서 끝난 줄 알았는데, 폰으로 열어보니 줄 세 개짜리 햄버거 아이콘 속에 메뉴가 접혀 있었어요. 대부분의 테마는 좁은 화면에서 메뉴를 자동으로 햄버거 아이콘으로 바꿔주는데, 이걸 모르면 ‘모바일에서 메뉴가 사라졌다’고 오해하기 쉬워요.

확인 방법은 두 가지예요. 커스터마이저(외모→사용자 정의하기) 하단의 스마트폰 아이콘을 누르면 모바일 화면 미리보기로 전환돼요. 그리고 저장 후에는 꼭 실제 폰에서 한 번 열어보세요. 미리보기와 실기기의 터치 반응이 다를 때가 있거든요. 햄버거를 눌렀을 때 드롭다운 하위 항목까지 펼쳐지는지도 확인 포인트예요.

메뉴가 안 보일 때 점검 순서 4가지

제가 겪은 삽질과 포럼에서 자주 보이는 사례를 합쳐, 안 보일 때 확인할 순서를 정리했어요. 위에서부터 차례로 확인하면 대부분 4번 안에서 해결돼요.

1. 표시 위치 재확인 — 외모→메뉴 하단에서 주 메뉴 체크박스가 켜져 있는지 봐요. 가장 흔한 원인이라 첫 번째예요.
2. 저장 여부 확인 — 항목을 추가한 뒤 ‘메뉴 저장’을 안 누르고 나오는 경우가 의외로 많아요. 커스터마이저라면 위쪽의 ‘공개’ 버튼이에요.
3. 캐시 삭제 — 저장했는데도 예전 화면이 보이면 캐시 문제예요. 캐시 플러그인을 쓰고 있다면 플러그인의 캐시 비우기를 먼저 누르고, 브라우저에서도 강력 새로고침을 해보세요. 시크릿 창으로 열어보는 게 가장 빠른 판별법이에요.
4. 테마 교체 직후인지 확인 — 테마를 바꾸면 메뉴 데이터는 남아 있지만 표시 위치 연결이 풀려요. 새 테마의 위치 이름(예: Primary → Main Menu)에 맞춰 다시 체크만 해주면 돼요. 메뉴를 새로 만들 필요는 없어요.

자주 묻는 질문

Q. 워드프레스 헤더 메뉴는 어디서 수정하나요?

클래식 테마는 외모→메뉴, 블록 테마는 외모→편집기의 내비게이션 블록에서 수정해요. 헤더의 로고·색상까지 바꾸려면 클래식은 커스터마이저, 블록 테마는 사이트 편집기의 헤더 템플릿에서 고치면 돼요.

Q. 메뉴에 고정 페이지를 연결하는 방법은?

먼저 페이지를 ‘발행’ 상태로 저장한 뒤, 외모→메뉴 왼쪽 패널의 페이지 탭에서 체크하고 ‘메뉴에 추가’를 누르면 돼요. 임시 저장 상태의 페이지는 목록에 안 나타나요.

Q. 메뉴 항목을 새 창(새 탭)으로 열 수 있나요?

네, 메뉴 화면 오른쪽 위 ‘화면 옵션’에서 ‘링크 타겟’을 켜면 각 항목에 새 탭 열기 체크박스가 생겨요. 외부 사이트로 나가는 링크에만 쓰는 걸 권해요.

Q. 외모 아래에 ‘메뉴’ 항목 자체가 없어요.

고장이 아니라 블록(FSE) 테마를 쓰고 있어서예요. 외모→편집기로 들어가 내비게이션 블록에서 같은 작업을 하면 돼요. 클래식 방식이 편하면 클래식 테마로 바꾸는 방법도 있어요.

Q. 테마를 바꾸면 만들어둔 메뉴가 사라지나요?

메뉴 자체는 데이터로 남아 있어요. 다만 표시 위치 연결이 풀리니, 새 테마에서 위치만 다시 지정해주면 그대로 살아나요.

참고자료

• 워드프레스 공식 문서: 외모→메뉴 화면 안내 — 클래식 메뉴 화면의 모든 옵션 설명
• 워드프레스 공식 문서: 내비게이션 블록 — 블록 테마의 메뉴 설정 방법
• 워드프레스 한국어 지원 포럼 — 메뉴 관련 문제를 한국어로 질문할 수 있는 공식 커뮤니티

메뉴 하나 만드는 데 반나절을 쓴 제 삽질이 이 글로 여러분에게는 10분짜리 작업이 됐으면 해요. 핵심은 딱 하나, 메뉴는 만들고 나서 ‘표시 위치’에 꽂아야 보인다는 것. 이것만 기억하면 테마를 바꾸든 블록 테마로 넘어가든 당황할 일이 없어요. 저는 다음 빌드 일지에서 이 메뉴에 어울리는 헤더 디자인을 다듬는 과정을 이어서 기록해볼게요.

함께 보면 좋은 글

• 워드프레스 사이트 속도 최적화, 초보자도 따라 하는 9단계 실습
• Claude Code로 워드프레스 CSS 수정하기, 위치 선택부터 안전 반영까지
• 워드프레스 고정 페이지 만들기, 초보자도 따라 하는 단계별 정리