STAGE 2 · Lv.7

메뉴와 위젯 구성

내비게이션 메뉴 구성, 메가 메뉴 만들기, 위젯 영역 관리, 사이드바, 푸터 위젯, 블록 위젯까지 완벽 마스터합니다.

내비게이션 메뉴의 중요성

사이트의 이정표: 메뉴

내비게이션 메뉴는 방문자가 사이트를 탐색하는 가장 주요한 수단입니다. 잘 설계된 메뉴는 사용자 경험(UX)을 향상시키고, 직관적인 사이트 구조를 제공하며, SEO에도 긍정적인 영향을 미칩니다.

좋은 메뉴의 조건:

- 명확하고 직관적인 라벨 (방문자가 즉시 이해)

- 5~7개의 최상위 항목 (너무 많으면 인지 부하)

- 논리적인 하위 메뉴 구조 (2단계까지 권장)

- 현재 위치를 시각적으로 표시

- 모바일에서도 쉽게 사용 가능

- 키보드 내비게이션 지원 (접근성)

🔎

94%

쉬운 내비게이션이
웹사이트 신뢰도에 영향

🚶

50%

메뉴를 찾지 못해
사이트를 떠나는 비율

클래식 테마에서 메뉴 만들기

외모 > 메뉴 화면

클래식 테마에서는 외모 > 메뉴에서 내비게이션 메뉴를 생성하고 관리합니다.

메뉴 생성: "새 메뉴를 만듭니다" 링크를 클릭하고, 메뉴 이름을 입력합니다 (예: "메인 메뉴", "푸터 메뉴").
메뉴 항목 추가: 왼쪽 패널에서 추가할 항목을 선택합니다. 페이지, 포스트, 카테고리, 사용자 정의 링크를 추가할 수 있습니다.
순서 조정: 메뉴 항목을 드래그 앤 드롭으로 순서를 변경합니다. 오른쪽으로 드래그하면 하위 메뉴가 됩니다.
메뉴 항목 편집: 각 항목의 화살표를 클릭하면 라벨, URL, 타이틀 속성, CSS 클래스 등을 편집할 수 있습니다.
메뉴 위치 지정: 하단의 "메뉴 설정"에서 이 메뉴를 표시할 위치를 선택합니다 (주 메뉴, 모바일 메뉴, 푸터 메뉴 등).
메뉴 저장: "메뉴 저장" 버튼을 클릭합니다.

추가할 수 있는 메뉴 항목 유형

페이지: WordPress 페이지를 메뉴에 추가합니다. 가장 기본적인 메뉴 항목입니다.

포스트: 특정 블로그 포스트를 메뉴에 추가합니다.

카테고리: 카테고리 아카이브 페이지를 메뉴에 추가합니다.

사용자 정의 링크: 원하는 URL과 텍스트를 직접 입력합니다. 외부 사이트 링크, 앵커 링크(#section) 등에 사용합니다.

태그: 태그 아카이브 페이지를 메뉴에 추가합니다 (화면 옵션에서 활성화 필요).

💡 메뉴 항목 고급 설정

화면 옵션(상단 오른쪽)에서 "링크 대상", "타이틀 속성", "CSS 클래스", "링크 관계(XFN)", "설명" 체크박스를 활성화하면 각 메뉴 항목에 추가 설정을 할 수 있습니다. 특히 "CSS 클래스"는 특정 메뉴 항목에 커스텀 스타일을 적용할 때 유용하고, "새 탭에서 열기"는 외부 링크에 필수입니다.

🔒

여기까지는 미리보기입니다

메뉴와 위젯 구성
무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.

Google로 3초 만에 시작 →🧵 Threads로 시작 무료 공개 강의 둘러보기 (Lv.1~3)