如何在移動設備上隱藏WordPress小工具(適合初學者)


您要為移動用戶隱藏特定的WordPress小部件嗎?

窗口小部件是動態內容,通常會添加到網站側欄或頁腳中。 有時,小部件在台式機/筆記本電腦設備上看起來不錯,但是您可能希望將其隱藏在移動設備上。

在本文中,我們將向您展示如何有條件地在移動設備上隱藏WordPress小部件(無需編寫任何代碼)。

在移動設備上隱藏WordPress小部件

注意: 在大多數自適應WordPress主題中,側欄將顯示在移動設備上您內容的下方。 這就是為什麼網站所有者經常希望在移動設備上隱藏某些小部件以加快移動用戶的網站速度的原因。

如何在WordPress中隱藏移動設備上的小部件

為了本教程的緣故,我們將在我們的演示站點上隱藏搜索小部件,但是您可以使用它來隱藏任何WordPress小部件。

在我們的演示站點上,搜索小部件出現在側邊欄的頂部,在桌面上看起來不錯。

桌面側邊欄中顯示的小部件

但是,在手機上,側邊欄小部件顯示在內容下方而不是旁邊:

搜索窗口小部件顯示在移動設備上的內容下方

我們將隱藏“搜索”小部件,使其僅顯示在台式機上,而不顯示在移動設備上。

注意: 在本教程中,術語“台式機”既包括筆記本電腦,也包括常規台式機。

首先,您需要安裝並激活Widget Options插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,轉到 外觀»小部件 WordPress管理區域中的頁面。

WordPress管理員的小部件部分

在此屏幕上,您將看到活動的窗口小部件放置在網站的窗口小部件就緒區域中。

讓我們繼續,通過單擊小部件的名稱來編輯“搜索”小部件:

展開小部件以查看選項

在窗口小部件設置上,您將看到“窗口小部件選項插件”添加的新部分。 在這裡,只需單擊小型移動圖標,然後選擇要在其上隱藏小部件的設備。

在移動設備和平板電腦設備上隱藏小部件

不要忘記點擊“保存”按鈕來保存您的更改。

現在,繼續並使用移動設備檢查您的站點。 該小部件將不再出現在您的小部件區域中:

搜索小部件現在已從網站的移動版本中刪除

但是,如果您想在桌面設備上隱藏小部件而在移動屏幕上顯示該小部件怎麼辦?

讓我們看看如何做到這一點。

如何在WordPress中製作小部件的移動版本

有時,您可能想要為桌面訪問者提供一個版本的小部件,為移動訪問者提供一個版本。

例如,您可能想在台式機上顯示五個最新帖子,但在移動設備上僅顯示三個帖子。

使用Widget Options插件也很容易做到。 您可以簡單地創建兩個窗口小部件,並將一個窗口小部件設置為僅在桌面上顯示,而另一個窗口小部件僅在移動設備上顯示。

首先,添加或打開只想在桌面上顯示的小部件。 然後,單擊小型移動圖標。 之後,只需選中“平板電腦”和“移動設備”框即可在這些設備上隱藏小部件:

僅在桌面上顯示小部件

不要忘記按“保存”按鈕來保存更改。

現在,添加或打開只想在移動設備上顯示的小部件。 重複相同的過程,但是這次,單擊“桌面”複選框以隱藏桌面設備上的小部件:

在移動設備上而不是台式機上顯示WordPress小部件

而已。 您現在擁有桌面版本和窗口小部件的移動版本。

我們希望本文能幫助您學習如何在WordPress中隱藏移動設備上的小部件。 您可能還想查看我們的最佳拖放WordPress頁面構建器列表,以自定義您的網站,或者如何在WordPress中創建自定義主題(無需編寫任何代碼)。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。