有条件地禁用移动视图中的WordPress侧边栏

问题描述:

我想禁用我的WP侧栏从模板内使用类似下面的东西,但我也想有条件地禁用它。条件是......当设备宽度是最大X时,即最大设备宽度:720,或当分页打开时。有条件地禁用移动视图中的WordPress侧边栏

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

的原因条件......在一些手机(平板电脑),侧边栏仍然存在,没有分页,所以我希望它显示。

您可以通过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