WordPress의 사용자 에이전트/장치에 따라 표시되는 메뉴/탐색 항목을 제한 할 수 있습니까? 가능합니까?

Question

저는 클라이언트 워드 프레스 사이트를 반응 형 디자인으로 바꾸는 과정에 있습니다. 대부분 모바일 버전을 구축하는 것입니다.

클라이언트는 그렇게하는 대신 전체 7 개 주 메뉴 항목, 그들은 모바일 사이트에 게재하기 위해 자신의 모든 페이지를 원하지 않는 표현했다, 난 단지 5

난을 사용하는 것 이 작업을 수행하는 가장 좋은 방법은 무엇인지 모르기 때문에 모바일 사이트를 별도로 구축 한 적이 있습니다. 어떤 입력이라도 고맙게 여기거나, 내가하려고 노력하고있는 것에 관한 자습서/정보에의 링크. 고맙습니다.

Answer 1

이러한 요소에 맞춤 클래스를 부여한 다음 기기의 최대 너비에 따라 숨길 수 있습니다. 이와 같이 임의의 수의 규칙을 설정할 수 있으며 일반적으로 미디어 쿼리라고합니다. 크기에 따라 스타일을 변경하기위한 기초입니다.

@media only screen and (max-width: 959px) { 
    div.desktop-only { 
    display:none; 
    } 
    } 

범위를 설정할 수도 있습니다.

@media only screen and (min-width: 768px) and (max-width: 959px) { /*code here*/ }