使用條件小部件控制 WordPress 小部件可見性

小部件是宣傳您網站其他方面的絕佳方式，而不會打斷訪問者當前正在閱讀的內容。 通常，這是在側邊欄或您的 WordPress 主題為小部件指定的其他區域中完成的。

然而，有時您可能只想在某些頁面上顯示一個小部件。 幸運的是，條件小部件僅適用於這種情況。 例如，如果您的網站上有一個日曆小部件，您可能只希望它出現在您的活動頁面上。

在本文中，我們將概述什麼是條件小部件以及如何創建它們。 我們還將探討兩個設置選項。 讓我們開始吧！

什麼是條件小部件？

簡而言之，條件小部件是具有附加控制變量的 WordPress 小部件。 這使您能夠確定每個小部件是否會出現在特定頁面或帖子中。 這可以通過幾種不同的方式幫助您。

首先，您可以最大化寶貴的網站空間。 在大多數主題中，只有這麼多的側邊欄空間可供使用。 當您使小部件有條件時，您可以控制每個功能專用的空間大小。 您可以根據需要在側邊欄中包含或排除某些小部件。

此外，通過使您的小部件有條件，您可以確保您的側邊欄與每個頁面更相關。 例如，您可以從所有其他頁面中刪除地圖和方向小部件，但讓它們在“關於”頁面上可見。 這釋放了側邊欄小部件空間，用於其他頁面上的更多相關內容。

如何製作條件小部件（不使用 Jetpack）

在使用條件小部件時，您可以使用幾種工具。 其中一些需要調整您的主題代碼，而另一些則不需要。

我們將首先了解如何使用需要一些額外編碼知識的插件來激活條件選項。 然後我們將探討如何使用 Jetpack 插件實現相同的結果

第 1 步：選擇條件小部件插件

有幾個插件選項可以使小部件有條件。 對於這個例子，我們將使用 Widget Logic。

該插件向您的所有小部件添加一個字段，您可以在其中包含任何 WordPress 條件標籤或通用 PHP 代碼。 首先，您需要安裝並激活該插件。

第 2 步：打開您的小部件面板

接下來，您可以導航到外觀 > 小部件並打開任何小部件上的設置面板以訪問新的小部件邏輯字段。

您可以在此處添加我們之前提到的任何 WordPress 條件標籤。 例如，如果您希望一個特定的小部件顯示在除“關於”頁面之外的每個頁面的側邊欄中，您可以添加：

!is_page('about')

同樣，您可以組合多個條件標籤來進一步自定義小部件的顯示。 例如，您可以使用類別名稱指定某些小部件僅顯示在特定類別的單個帖子中。 如果您希望“烘焙食品”類別中的所有帖子都顯示特定的小部件，您可以使用：

is_single() && in_category('baked-goods')

此外，您會在外觀 > 小部件頁面底部找到更多選項。

這些設置使您能夠指定新小部件邏輯的加載順序。 這對於與更標準的 WordPress 選項有顯著差異的主題尤為重要。

最後，您需要非常了解您的主題代碼，以避免在使用此插件時出錯。 此外，您需要熟悉 WordPress 循環，這樣您才能更全面地了解某些元素在您網站上的加載順序。

使用 Jetpack 更改小部件可見性

正如我們之前提到的，自定義小部件顯示選項的另一種解決方案是使用 Jetpack。 這個多用途插件具有許多功能，可以幫助您調整 WordPress 網站的性能，並且還可以讓您管理條件小部件。

第 1 步：打開 Jetpack 的設置

完成必要的 Jetpack 安裝和設置步驟後，您需要訪問 WordPress 儀表板中的Jetpack > 設置頁面。 然後單擊“寫作”選項卡。

默認情況下不啟用小部件可見性功能。 您需要向下滾動到小部件設置區域並打開此選項。

您的更改將自動保存。 完成此步驟後，您將能夠控制小部件在您網站上的顯示位置。

第 2 步：添加新規則

現在您的可見性功能已經打開，您可以導航到 WordPress 儀表板中的外觀 > 小部件。 如果您單擊活動小部件，您將看到一個新的“可見性”按鈕。

如果您選擇可見性，您會發現一個新的選項面板，您可以在其中創建可見性邏輯語句。 這些將使您能夠控制每個特定小部件在您的 WordPress 網站上的顯示位置。

您可以創建多個邏輯語句來控制小部件的可見性，但您隨後需要決定是否應匹配所有條件。 如果是這樣，您需要選中“匹配所有條件”框。

例如，如果您想隱藏網站首頁上的“最近的帖子”小部件，但僅當帖子由特定作者撰寫時，您可以像這樣設置邏輯。

通過使用 Jetpack 自定義您的小部件，您不必調整主題的代碼。 但是，我們仍然建議在將新設置部署到您的實時網站之前，先在暫存服務器上測試它們。

使用 WP Engine 自定義您的網站

現在您知道如何更好地控制您的 WordPress 小部件出現在哪些頁面和帖子上，您可以為您的網站創建高度相關的側邊欄。 在 WP Engine，我們了解如果您想創建一個真正的自定義站點，那麼訪問正確的開發人員資源是多麼重要。

此外，網站定制通常需要大量的測試、試驗和錯誤。 這就是為什麼我們提供各種託管計劃以及構建令人驚嘆的數字體驗所需的所有工具和資源。 查看我們為您的下一個項目提供的所有 WordPress 解決方案和產品！