2014-08-28 3 views
1

아래 조건과 같이 템플릿 내에서 WP 사이드 바를 사용하지 않도록 설정하고 싶지만 조건 적으로 사용을 중지하고 싶습니다. 기기의 너비가 최대 X, 즉 최대 장치 너비 : 720 인 경우 또는 페이지 매김이 설정된 경우의 조건입니다. 일부 휴대폰 (정제)에모바일보기에서 조건부로 Wordpress 사이드 바를 사용하지 않음

<?php if (wp_is_mobile()) 
    { 
    //do nothing 
} 
    else 
    { 
    < ? php get_sidebar(); ? >; 
} 
?> 

조건에 대한 이유는 ..., 사이드 바는 여전히 매겨진하지 존재하는, 그래서 그것이 표시하고자합니다.

답변

1

CSS 미디어 쿼리를 사용하여이를 수행 할 수 있습니다.

@media (max-width: 720px) { 
    .wp_sidebar { 
     display: none; 
    } 
} 

을 그리고 페이지가 720px 이하인 경우 사이드 바는 사라집니다 : 스타일 시트에서 이런 식으로 뭔가를 넣습니다. 그게 당신이 피할 수있는 상황이라면, 서버 측에서 모바일 체크를하는 것에 반대하는 것이 좋습니다.

+0

감사합니다. @DocWatson. 나는 접근법이 더 좋을 것이라고 생각하면서 어떤 마진/패딩 조정을하지 않아도되는 것처럼 서버 측 솔루션을 얻으려고했다. 나는 이것을 시도 할 것이다. – Scott

+0

내 테마는 .sidebar, .sidebar.c-4-12를 사용하지만이 방법은 효과적입니다. – Scott

+0

아, 예를 들어, 여백 및 패딩 변경을해야하는 것은 어려울 수 있지만 서버에 화면 정보를 보내려고하는 것보다 처리하기가 쉽습니다! 다행 이네. 이 기법을 사용하면 다른 디자인 일관성에 다이얼 할 수 있습니다. 행운을 빕니다! [MDN의 미디어 쿼리에 대한 추가 정보] (https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries) – DocWatson