2016-02-03 63 views

回答

0

只使用CSS媒体查询:

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

谢谢Fjodor,但我忘了指定,我想删除边栏,不要隐藏。抱歉,是我的错! :P –

+0

@IustinBeceneagă为什么要完全删除它而不是隐藏它? – vard

0

有有两种方法可以做到这一点:

  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

0

还有另一种可能性,我并不是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页面浏览等。