Please Enable JavaScript!
Gon[ Enable JavaScript ]

워드프레스 WordPress 페이지, 글 마다 사이드바 변경하는 방법

워드프레스
반응형

워드프레스 WordPress 페이지, 글 마다 사이드바 변경하는 방법

 

환경: WordPress

 

사이트의 전체 구조에서 메뉴는 크게 2가지 나눕니다. 상단 메뉴와 왼쪽/오른쪽 사이드바 메뉴입니다. 요즘은 모바일 사용자가 많아서 사이드바 메뉴가 없는 곳도 많습니다. 보통 사이드바에 들어가는 메뉴는 상단 주 메뉴의 하위 메뉴들을 표시합니다. 그러니까 상단 메뉴에 따라 사이드바 전체 메뉴목록이 달라질 수 있다는 것입니다. 이것을 구현하기 위해서는 플러그인이 필요합니다.

 

Widget Options 플러그인

 

다양한 플러그인들 중에서 사용자가 많은 Widget Options 를 설치할 것입니다. 워드프레스 관리자로 접속해서 플러그인 추가 화면으로 이동합니다. 그리고 검색창에 "widget options" 를 입력합니다.

워드프레스 WordPress 페이지, 글 마다 사이드바 변경하는 방법

 

검색 결과에서 Widget Options 플러그인을 설치하고 활성화 합니다

워드프레스 WordPress 페이지, 글 마다 사이드바 변경하는 방법

 

다음은 Widget Options 설정 화면으로 가서 페이지별 사이드바 메뉴 변경을 위한 옵션이 활성화가 되어 있는지 확인해야 합니다. Pages Visibility 의 기본값은 사용(Enable) 입니다. 이제 플러그인 설치와 옵션 확인은 끝났습니다

워드프레스 WordPress 페이지, 글 마다 사이드바 변경하는 방법

 

위젯에서 사이드바 표시 여부 판단

 

다음은 사이드바에 추가한 메뉴를 페이지, 글 마다 다르게 나타나도록 Widget Options 플러그인의 옵션을 조절해야 합니다. 왼쪽 사이드에서 테마 디자인 > 위젯 을 선택합니다

워드프레스 WordPress 페이지, 글 마다 사이드바 변경하는 방법

 

위젯 목록에서 탐색 메뉴를 찾습니다. 탐색 메뉴에서 Sidebar 하나 추가합니다

워드프레스 WordPress 페이지, 글 마다 사이드바 변경하는 방법

 


추가한 사이드바에 제목과 메뉴를 선택합니다. 메뉴 선택에서 이미 만들어 놓은 메뉴들 중에 하나를 지정합니다. 이제 해당 메뉴가 어떤 페이지와 글, 카테고리일 때 화면에 나타나게 할 것인지 정해야 합니다

워드프레스 WordPress 페이지, 글 마다 사이드바 변경하는 방법

 

아래 여러 탭이 있습니다. 이것이 Widget Options 입니다. 첫 번째 탭인 Visibility 는 카테고리, 페이지, 메뉴 등에 따라 현재 사이드바를 보여줄 것인지, 아니면 숨길지 정하는 옵션입니다. 저는 Show on checked pages 를 선택했습니다.

 

l  Hide on checked pages : 체크한 항목이면 메뉴를 숨긴다.

l  Show on checked pages : 체크한 항목이면 메뉴를 보여준다

워드프레스 WordPress 페이지, 글 마다 사이드바 변경하는 방법

 

이제 show on checked pages 인 상태에서 어떤 글, 페이지, 카테고리 일 때 메뉴를 보여줄 것인지 지정해야 합니다. 아래 옵션을 설명하자면 Categories(카테고리(2)) 기본 문법(2)인 글이나 페이지인 경우 해당 메뉴를 보여주는(1) 설정입니다

워드프레스 WordPress 페이지, 글 마다 사이드바 변경하는 방법

 

메인으로 가서 제대로 표현되는지 확인해 보겠습니다. 해당 글이 어떤 카테고리, 메뉴인지에 따라 오른쪽 사이드바 메뉴가 나타납니다. 메뉴가 여러 종류일 경우 위에서 설명한 것처럼 위젯 > Sidebar 추가 > 메뉴 선택 > widget options 순으로 작업을 진행합니다

워드프레스 WordPress 페이지, 글 마다 사이드바 변경하는 방법



반응형
Posted by 녹두장군1
,