有条件地禁用移动视图中的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或更少,侧栏会消失。我建议不要在服务器端执行移动检查,如果这是您可以避免的情况。
谢谢@DocWatson。我试图得到一个服务器端解决方案,因为我认为这种方法会更好,并且避免必须进行任何边距/填充调整。我会试试这个。 – Scott 2014-08-28 15:51:47
这工作,虽然我的主题使用.sidebar,.sidebar.c-4-12。 – Scott 2014-08-28 16:01:47
啊,是的,不得不边缘和填充的变化可能是一个痛苦,但处理这些比试图发送屏幕信息到您的服务器更容易!很高兴为你工作。这种技术可以帮助您拨打您可能遇到的任何其他设计一致性。祝你好运! [更多关于来自MDN的媒体查询](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries) – DocWatson 2014-08-28 17:39:09