如何使用AJAX加载WordPress的侧边栏

我在我的网站上使用响应式设计。一切都很好，除了在手机上，我的网站太长了。移动屏幕上的内容太多 - 侧边栏占用了太多垂直空间，其中包含许多小部件，如热门帖子和最近的评论等等。为了使网站更小，我希望侧栏根本不会加载，如果从小屏幕查看。而且我不想将展示应用于侧边栏容器。那会很愚蠢。如何使用AJAX加载WordPress的侧边栏

因此，最有效的方法是使用AJAX加载边栏并在视口宽度小于800px时将其排除。

请问有人可以告诉我这是否可能吗？如果这可以做，请给一些例子和一些教程的链接。我为此搜索了很多内容，但发现只有一个教程，我认为这还不够，因为我想从几个示例中学习。

来源

2013-05-14 DavidH

[你尝试过什么？]（http://mattgemmell.com/2008/12/08/what-have -you-tried /）关于在WordPress中使用AJAX以及使用JavaScript/jQuery或类似的工具来进行客户端视口测试，以及WordPress有显示侧边栏的功能 - 尝试将它们放在一起，然后问一个问题if你有一个问题，不能让它正常工作。 – Mark 2013-05-14 10:36:20

我还没有尝试过任何东西。我只需要一些关于如何做到这一点的友好方向，因为我是一个noob。我会看看那个WordPress的侧边栏功能，以及如何使用它的AJAX。谢谢。 – DavidH 2013-05-14 11:59:43

知道视口是否小于800像素的问题是您无法事先知道这一点。我可以把你想要做的事情联系起来，因为我经常发现侧栏对于手机来说不必要的膨胀。然而，从技术上讲，谷歌机器人应该被提供相同的响应内容。最好的方法可能是用CSS媒体查询隐藏边栏。 – hexalys 2013-05-15 02:34:00

您可以简单地使用WordPress的功能wp_is_mobile()在你的主题，像这样

<?php if(!wp_is_mobile()) get_sidebar(); ?>

来源

2013-05-15 00:55:59 brasofilo

wp_is_mobile函数不能完成平板电脑的工作，因为横向模式和纵向模式下的移动视图需要全桌面视图。 – DavidH 2013-05-17 16:48:23

如何使用AJAX加载WordPress的侧边栏

回答

相关问题