케이테마 v2

모바일 헤더와 메뉴 설정

예상 읽기 시간:1분 130 조회수
적용 대상 최신 케이테마
설정 위치 모양 → 사용자 정의 → 헤더
작업 시간 15분

휴대폰에서는 화면 너비가 작기 때문에 PC 메뉴를 그대로 보여 주지 않습니다. 모바일 헤더는 로고, 메뉴 열기 버튼, 꼭 필요한 검색·회원 아이콘만 남기는 것이 가장 읽기 쉽습니다.

시작하기 전에

확인할 것 권장 기준
메뉴 항목 수 5~7개 안팎
메뉴 이름 두세 단어 이내
상단 아이콘 검색·내 계정처럼 자주 쓰는 기능만
확인 방법 실제 휴대폰에서 열고 닫기

1. 모바일 헤더 옵션 열기

모양 → 사용자 정의 → 헤더에서 모바일 헤더 배경, 메뉴 버튼 글자 색, 검색·회원 아이콘 표시 여부를 확인합니다. PC 헤더와 모바일 헤더의 배경색은 서로 다르게 설정할 수 있습니다.

케이테마 v2 헤더 설정의 모바일 메뉴와 모바일 메뉴 스타일 항목
헤더 설정의 모바일 메뉴와 모바일 메뉴 스타일 항목을 차례로 엽니다.

2. 모바일 메뉴를 짧게 정리

PC 메뉴가 많더라도 모바일 첫 화면에는 핵심 메뉴만 남기세요. 하위 메뉴가 길면 한 번에 모두 열기보다 상위 메뉴를 눌러 펼치는 구조가 좋습니다.

워드프레스 메뉴 편집 화면의 메뉴 항목 목록
모바일에서는 방문자가 자주 쓰는 메뉴만 짧고 명확하게 구성합니다.

3. 메뉴 열림 위치 확인

공개 사이트를 휴대폰으로 열고 메뉴 버튼을 누릅니다. 메뉴는 헤더 바로 아래에서 열리고, 닫기 버튼·배경·글자 대비가 분명해야 합니다. 스크롤 후에도 메뉴가 겹치지 않는지 확인하세요.

케이테마 v2 헤더 설정 화면과 공개 미리보기
설정을 저장하기 전에 미리보기에서 메뉴 버튼과 열림 위치를 확인합니다.

완료 확인

확인 항목 완료 기준
메뉴 버튼 한 번 누르면 열리고 다시 누르면 닫힘
메뉴 위치 헤더 아래에서 시작하며 내용을 가리지 않음
아이콘 검색·회원 등 필요한 아이콘만 표시
링크 모든 메뉴가 올바른 페이지로 이동

기존 테마 사용자

기존 테마의 모바일 메뉴는 최신 케이테마와 구조가 다를 수 있습니다. 문제가 있으면 기존 모바일 메뉴 오류 문서를 먼저 확인하세요.

페이지 공유

모바일 헤더와 메뉴 설정

URL 주소 공유

목차