모두
모두콘텐츠
얼마 전 사이트 메뉴를 고쳐 달라는 요청을 받았는데, 관리자 화면에서 ‘메뉴’를 못 찾겠다는 이야기부터 나왔습니다. 워드프레스가 바뀌어서가 아니라 사용 중인 테마가 달랐습니다. 클래식 테마는 ‘외모 → 메뉴’에서, 블록 테마는 ‘외모 → 편집기’에서 작업합니다. 먼저 이 차이부터 확인하면 헤매는 시간이 줄어듭니다.
메뉴를 만들기 전에 넣을 항목부터 고르기
관리자 화면에서 ‘외모’를 눌러 보세요. ‘메뉴’가 보이면 클래식 테마 방식으로 진행하면 됩니다. ‘편집기’가 보이고 ‘메뉴’가 없다면 블록 테마일 가능성이 큽니다. 테마 종류에 따라 화면 이름이 조금 다를 수 있지만, 메뉴를 고치는 위치는 이 두 갈래로 나뉩니다.
처음부터 모든 페이지를 넣을 필요는 없습니다. 운영하는 블로그라면 상단에는 ‘처음’, ‘워드프레스 설치’, ‘테마’, ‘속도·보안’, ‘문의’ 정도면 충분한 경우가 많습니다. 글이 30개라고 글 30개를 메뉴에 올리면 방문자가 길을 찾기 어려워집니다. 개별 글보다 카테고리나 중요한 안내 페이지를 먼저 고르세요.
메뉴에 넣을 페이지가 아직 없다면 ‘페이지 → 새로 추가’에서 먼저 만들어 두는 편이 편합니다. 공개할 준비가 안 된 빈 페이지를 메뉴에 올리면 방문자가 빈 화면을 보게 됩니다. 문의 페이지처럼 꼭 필요한 항목부터 내용을 채워 공개하세요.
클래식 테마에서 메뉴 만들기
‘외모 → 메뉴’로 들어가 새 메뉴를 만듭니다. 이름은 ‘상단 메뉴’처럼 관리자가 알아볼 수 있게 적으세요. 이 이름이 방문자에게 그대로 보이는 것은 아닙니다. 메뉴를 만든 뒤 왼쪽에서 페이지나 카테고리를 선택해 ‘메뉴에 추가’를 누릅니다. 추가한 항목은 오른쪽에서 끌어 순서를 바꿀 수 있습니다.
- 페이지: 소개, 문의처럼 고정된 내용을 연결할 때 사용합니다.
- 카테고리: 같은 주제의 글을 모아 보여줄 때 사용합니다.
- 사용자 정의 링크: 별도로 연결할 대상이 있을 때 사용합니다. 주소와 표시할 글자를 함께 확인하세요.
항목을 넣은 뒤에는 아래쪽의 ‘표시 위치’를 확인해야 합니다. 테마에 따라 ‘기본 메뉴’, ‘헤더’, ‘Primary’처럼 이름이 다릅니다. 상단에 보여줄 위치를 선택하고 ‘메뉴 저장’을 누르세요. 메뉴만 만들어 놓고 표시 위치를 지정하지 않으면 원하는 곳에 나타나지 않을 수 있습니다.
기존 메뉴를 고치는 중이라면 새 메뉴를 무턱대고 표시 위치에 지정하지 마세요. 현재 상단 메뉴를 교체하는 작업이 될 수 있습니다. 먼저 기존 메뉴의 이름과 항목을 확인하고, 바꿀 내용이 적다면 그 메뉴를 직접 수정하는 편이 안전합니다. 메뉴 하나를 삭제해도 글이나 페이지 자체가 지워지지는 않지만, 방문자가 쓰던 이동 경로는 사라집니다.
블록 테마에서 메뉴 만들기
블록 테마는 ‘외모 → 편집기 → 내비게이션’에서 메뉴를 확인하고 수정할 수 있습니다. 기존 메뉴가 있다면 먼저 그 메뉴를 열어 항목을 바꾸세요. 항목 추가 버튼을 눌러 게시된 페이지를 검색해 넣고, 순서는 목록 보기에서 끌어 옮기면 편합니다. 작업을 마쳤으면 오른쪽 위의 ‘저장’을 누릅니다.
새 메뉴를 만들었는데 화면에 보이지 않는다면 헤더도 확인해야 합니다. 편집기에서 헤더 템플릿 부분을 열고 ‘내비게이션’ 블록을 선택한 다음, 표시할 메뉴가 방금 만든 메뉴인지 확인하세요. 메뉴를 만들었다는 사실만으로 헤더에 자동 배치되지는 않습니다. 헤더를 수정한 뒤에도 저장해야 실제 사이트에 반영됩니다.
처음 넣은 내비게이션 블록에 페이지가 자동으로 나열되는 경우가 있습니다. 필요한 페이지만 보여주려면 블록에서 편집을 선택해 항목을 개별 링크로 바꾸세요. 이 작업을 하면 이후 새로 공개하는 페이지가 메뉴에 자동으로 추가되지 않습니다. 저는 운영 중인 사이트에서는 이 방식이 낫다고 봅니다. 테스트용 페이지가 공개됐다는 이유로 상단 메뉴에 갑자기 나타나는 일을 막을 수 있기 때문입니다.
하위 메뉴와 모바일 화면 확인하기
클래식 테마에서는 하위 항목을 상위 항목 아래로 옮긴 뒤 조금 오른쪽으로 들여놓으면 하위 메뉴가 됩니다. 블록 테마에서는 내비게이션 항목을 선택해 하위 메뉴 추가 기능을 쓰거나, 목록 보기에서 항목을 아래쪽에 들여놓을 수 있습니다. 예를 들어 ‘워드프레스 운영’ 아래에 ‘백업’과 ‘보안’을 넣는 식입니다.
하위 메뉴는 한 단계 정도로 시작하세요. 데스크톱에서는 마우스를 올려 쉽게 열리던 메뉴도 휴대전화에서는 누르기 어렵게 보일 수 있습니다. 저장 후 실제 휴대전화에서 메뉴 버튼을 열고, 하위 항목을 눌러 목적지까지 이동해 보세요. 블록 테마에서는 내비게이션 블록의 모바일 표시 설정도 함께 확인하면 됩니다.
수정했는데 예전 메뉴가 계속 보인다면 먼저 새 창에서 사이트를 확인하세요. 그래도 같다면 사용 중인 캐시 플러그인이나 호스팅 캐시를 비운 뒤 다시 봅니다. 캐시를 비우기 전에 메뉴가 올바른 표시 위치에 지정됐는지, 블록 테마라면 헤더가 올바른 메뉴를 선택했는지부터 확인하는 순서가 좋습니다.
메뉴를 만드는 데 별도 플러그인은 필요하지 않습니다. 워드프레스 기본 기능으로 항목, 순서, 하위 메뉴까지 처리할 수 있습니다. 상단에는 방문자가 자주 찾는 길만 남기고, 새 글이나 페이지를 공개할 때 그 길에 넣을 필요가 있는지만 가끔 확인하면 충분합니다.
