[워드프레스] 사이드바에 사용자 정의 메뉴 표시하기

워드프레스 사이드바/푸터에 사용자 정의 메뉴를 표시하는 방법

이 글에서는 워드프레스의 기본적인 사용법 중 사이드바나 푸터 등에 메뉴를 표시하는 방법에 대해 설명합니다. 최종적으로 사이드바에 다음과 같은 메뉴를 표시하도록 하겠습니다.

사이드바에 사용자 정의 메뉴 표시하기
사이드바에 사용자 정의 메뉴 표시하기

Enfold 테마에서 테스트해보았습니다. 방식은 모든 테마에서 동일합니다.

우선 새로운 메뉴를 하나 만듭니다. 이미 있는 메뉴를 활용할 수도 있습니다. 외모 > 메뉴로 이동합니다. 상단에 보면 "아래의 메뉴를 편집하거나 새로운 메뉴를 생성하세요."에서 "새로운 메뉴를 생성하세요"를 눌러서 새로운 메뉴를 하나 만들도록 합니다. 메뉴를 만들고 적절한 메뉴 항목을 추가하고 저장합니다.

워드프레스에서 새로운 메뉴 만들기

이제 위의 그림에서 만든 "Custom Menu Sidebar"를 사이드바나 푸터 등의 위젯 영역에 추가할 수 있습니다. 외모 > 위젯으로 이동합니다. "사용할 수 있는 위젯"에서 "사용자 정의 메뉴"를 클릭합니다.

워드프레스 사용자 정의 메뉴 위젯
워드프레스 사용자 정의 메뉴 위젯

"사이드바에 사용자 정의 메뉴를 추가하세요" 아래에서 원하는 사이드바를 선택하고 "위젯 추가"를 클릭합니다. 그러면 사용자 정의 메뉴 위젯이 해당 위젯 영역에 추가됩니다.

워드프레스 사이드바 사용자 정의 메뉴

"메뉴 선택"에서 방금 만들었던 새로운 메뉴를 선택하거나 기존 메뉴 중에서 선택하고 "저장하기"를 누르면 맨 위에 나온 형식으로 사이드바에 사용자 정의 메뉴가 추가됩니다. 레이아웃은 원하는 경우 CSS로 적절히 수정하도록 합니다. (WordPress에서 CSS를 추가하는 방법은 이 글을 참고해보세요.)

Leave a Comment

프리미엄 테마 그래픽 동영상 템플릿 무료 다운로드