如何使用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的側邊欄

回答

相關問題