워드프레스 PC와 모바일 메뉴를 다르게 - If menu 플러그인

워드프레스 PC와 모바일 메뉴를 다르게 - If menu 플러그인

워드프레스 홈페이지나 블로그를 사용하다보면 PC와 모바일에서 메뉴를 각각 다르게 사용하고 싶을 때가 있습니다. 가령, PC에서는 메뉴에 로그인이 나오지만 모바일 메뉴에서는 로그인을 안 보이게 한다거나 모바일에서는 메뉴가 보통 햄버거 모양으로 변하기 때문에 시각적인 측면에서나 기능적인 측면에서 완전히 다른 메뉴를 사용하고 싶을 때 If menu를 설치하면 쉽게 사용이 가능합니다. 자 한 번 보도록 하죠.   

워드프레스 관리자 모드로 접속하신 후에 [플러그인] -[플러그인 추가하기]로 가셔서 우측 상단의 검색창에 If menu를 검색합니다. 그럼 2번 째에 If menu - Visibility control for Menu Items 라는 플러그인이 나옵니다. 바로 이 플러그인 입니다. [지금 설치하기]버튼을 눌러 설치하고 [활성화] 버튼을 눌러서 플러그인을 활성화 합니다. 

한국어 지원이 되지 않아도 사용법이 생각보다 굉장히 간단합니다.

설치가 되었다면 이제 [외모]-[메뉴]로 이동합니다. 그리고 원하는 메뉴를 골라 위처럼 세부설정을 열면 이제 Enable visibility rules 이라는 체크할 수 있는 항목이 생겨있습니다. 이 항목에 체크를 합니다. 

 체크하면 이제 아래 Show if 라는 말과 함께 메뉴를 설정할 수 있는 옵션이 나타납니다. 이 설정을 변경하면 됩니다. 

메뉴 설정이 굉장히 직관적입니다. 예를 들면 Show(보여주다.)로 설정하고 If Mobile(만일 모바일이라면) 이라고 설정하면 모바일에서만 이 메뉴를 보여주게 됩니다. 동일하게 Hide(숨기다.)로 설정하고 If Desktop(만일 데스크탑이라면) 이라고 설정하면 동일하게 PC에서 이 메뉴가 숨겨지게 됩니다. 

다른 설정들도 있는데 위의 두 번째 메뉴처럼 Hide(숨기다.) if is logged in (로그인 하면)으로 설정하면 이 메뉴는 로그인 한 사람들에게는 안 보여지게 됩니다.

메뉴를 보면 설정의 폭이 굉장히 넓습니다. 커뮤니티에서 부여한 등급에 따라서 메뉴를 다르게 보이게 할 수도 있고 페이지와 포스트에 따라서 메뉴를 다르게 표시할 수 있습니다. 참고로 이 플러그인은 무료로 사용이 가능합니다.