如果屏幕尺寸<500px，請刪除側邊欄（不要隱藏）如果屏幕尺寸<500px

Question

如果屏幕尺寸爲< 500px，否則會顯示，是否可以在wordpress中刪除側邊欄。

我有這個在single.php中：

<?php get_sidebar('left'); ?> 

我的側邊欄left.php是：

<div class="sidebar-left"> 
<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1')) : ?> 
<?php endif; ?>  
</div> 

Answer 1

只使用CSS媒體查詢：

@media (max-width:500px) { 
    .sidebar-left { 
    display: none; 
    } 
} 

Answer 2

有有兩種方法可以做到這一點：

個

1. 使用CSS媒體查詢：

   @media (max-width: 500px) { 
       .sidebar-left { 
       display: none; 
       } 
   } 
   

2. 使用jQuery：

   if ($(window).width() < 500) { 
       $(".sidebar-left").remove(); 
   } 
   

這是不可能的，以防止WordPress的（服務器端），以產生側邊欄的HTML代碼，因爲Wordpress沒有關於瀏覽器窗口寬度的信息。你可以在這裏閱讀更多關於這個'問題'： Getting the screen resolution using PHP

Answer 3

還有另一種可能性，我並不是100％確定它做了你所需要的，但是你可以將它一般移除到移動設備上。

Wordpress具有功能wp_is_mobile（），因此如果用戶來自移動設備（通常具有較小的屏幕），則可以創建一個不調用邊欄的條件。

它應該是這個樣子：

<?php 
    if (!wp_is_mobile()) { 
    // if device is not mobile get sidebar 
     get_sidebar('left'); 
    } 
?> 

就像你只會顯示在側邊欄，當用戶沒有通過移動設備來。

這裏是WordPress的功能參考： https://codex.wordpress.org/Function_Reference/wp_is_mobile

編輯： 另外要注意，如果你在single.php中改變它，你只能改變它的單篇文章的觀點。否則，我認爲你還需要編輯page.php頁面瀏覽等。