2014-08-28 74 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 2014-08-28 15:51:47

+0

這工作,雖然我的主題使用.sidebar,.sidebar.c-4-12。 – Scott 2014-08-28 16:01:47

+0

啊,是的,不得不邊緣和填充的變化可能是一個痛苦,但處理這些比試圖發送屏幕信息到您的服務器更容易!很高興爲你工作。這種技術可以幫助您撥打您可能遇到的任何其他設計一致性。祝你好運! [更多關於來自MDN的媒體查詢](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries) – DocWatson 2014-08-28 17:39:09