워드프레스 사이드바에 메뉴를 추가하는 방법

0

워드프레스 사이드바에 사용자 메뉴를 추가하는 방법

워드프레스에서 사이드바에 메뉴를 추가하고 싶은 경우가 있을 수 있습니다. 이 경우 “내비게이션 메뉴들” 위젯을 사용할 수 있습니다. 참고로 “내비게이션 메뉴들“의 이전 명칭은 “사용자 정의 메뉴“였습니다.

※ 워드프레스 4.9.7 버전에서 명칭이 다시 “탐색 메뉴“로 변경되었습니다.

먼저 외모 > 메뉴로 이동하여 사이드바에 표시할 메뉴를 하나 만들도록 합니다.

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

이제 외모 > 위젯으로 이동합니다.

워드프레스 내비게이션 메뉴들 위젯

내비게이션 메뉴들 위젯(혹은 “탐색 메뉴” 위젯)을 사이드바에 추가합니다. 위젯을 끌어다가 사이드바의 원하는 위치에 배치할 수 있습니다.

워드프레스 사이드바에 메뉴 추가하기

사이드바에 추가된 내비게이션 메뉴들 위젯에서 메뉴를 선택합니다. 메뉴 선택에서 사이드바에 추가할 메뉴(예: sidebar)를 선택할 수 있습니다.

저장한 다음 사이트를 확인해보면 사이드바에 메뉴가 추가되어 있는 것을 확인할 수 있습니다.

워드프레스 사이드바 메뉴

사이드바에 표시되는 메뉴 레이아웃은 테마에 따라 다릅니다. 위의 그림은 Twenty Seventeen 테마에서 사이드바에 사용자 정의 메뉴를 추가했을 때의 모양을 보여줍니다.

스타일이 마음에 들지 않으면 CSS를 사용하여 조정합니다.

사이드바에 자동으로 카테고리 목록을 표시하려는 경우에는 카테고리 위젯을 사용하면 됩니다.

워드프레스 카테고리 위젯

카테고리 위젯을 드롭다운 방식으로 표시하려면 “드랍다운 방식으로 보여주기”를 체크하면 됩니다.

워드프레스 카테고리 위젯

보여줄 글 수를 체크하면 글 개수가 표시됩니다. 아마 “글 개수 표시”를 잘못 번역한 것 같습니다.

카테고리 위젯 대신 내비게이션 메뉴들을 사용하면 카테고리가 표시되는 순서를 마음대로 지정할 수 있습니다.

또 다른 방법으로 Dynamicdrive라는 사이트에서 제공하는 메뉴 소스 코드를 활용할 수도 있습니다. 가령, 사용자 정의 HTML 위젯을 사용하여 HTML 코드를 추가할 수 있습니다.

사용자 정의 HTML 위젯

CSS 코드는 이 글을 참고하여 추가할 수 있습니다.

참고:

*일부 글에 제휴링크가 포함될 수 있으며, 기부를 통해 블로그 운영을 후원하실 수 있습니다.

Related Posts

댓글 남기기