사이드바 서브 메뉴 Advanced Sidebar Menu

Plugin for Display Submenu Lists in Sidebar - Advanced Sidebar Menu

포스팅 '워드프레스 서브 메뉴 만들기'의 경우는 템플릿 코드와 PHP 프로그래밍을 통해 서브 메뉴로 사용할 수 있는 페이지 리스트를 출력하는 방식이었는데, 이와 같은 동작을 하는 플러그인으로 'Advanced Sidebar Menu'가 있습니다.

Advanced Sidebar Menu 링크

플러그인을 설치하고 위젯 항목으로 이동하면 추가된 새로운 위젯을 확인할 수 있습니다.

페이지에 사이드바를 출력하는 기능이 있는 테마로 'Twenty Sixteen'을 활성화하고 위와 같이 사이드바에 'Advanced Sidebar Pages Menu' 위젯을 사이드바에 등록합니다.

(먼저 기본적인 홈페이지 구조가 만들어져 있어야 합니다. 포스트 '기본설정'을 참조) 

홈페이지를 확인하고 서브 메뉴를 가지고 있는 메인 메뉴 (Main Menu 01)을 클릭하여 서브 메뉴 페이지 리스트가 사이드바에 출력되는 것을 확인합니다.

웹브라우저의 검사를 통해 요소를 분석하고 스타일을 추가해 봅니다. 

추가해 본 스타일은 테마의 'style.css 파일', '테마의 사용자 CSS', 플러그인을 통한 사용자 스타일에 코딩을 통해 실제로 적용합니다.

 

비슷한 플러그인으로 좀 더 복잡한 설정이 가능한 'Custom Menu Wizard Widget' 도 있는데, 그 보다 간결하고 쉽게 사용할 수 있으므로 사이드바에 서브 메뉴를 넣고자 한다면 이 'Advanced Sidebar Menu'를 추천합니다.