Divi 產品亮點:Hide & Show Pro

已發表: 2023-08-28

Hide & Show Pro 是 Divi 的第三方插件,可讓您根據設置的條件顯示或隱藏內容。 根據位置、狀態、購買等控制誰可以查看每個部分、行、列和模塊。 在這篇文章中,我們將了解 Hide & Show Pro,了解它的功能以及根據您選擇的條件隱藏或顯示 Divi 內容是多麼容易。

目錄
  • 1隱藏和顯示的工作原理
  • 2隱藏和顯示專業預設
    • 2.1新預設
    • 2.2所有預設
  • 3隱藏和顯示 Pro 預設選項
    • 3.1隱藏和顯示地理位置
    • 3.2隱藏和顯示用戶
    • 3.3隱藏和顯示時間表
    • 3.4隱藏和顯示帖子
    • 3.5隱藏和顯示 WooCommerce
    • 3.6隱藏和顯示 Pro 其他
  • 4隱藏和顯示 Pro 選項
  • 5隱藏和顯示 Pro Divi 模塊設置
  • 6隱藏和顯示 Pro 示例
  • 7購買地點
  • 8結束的想法

隱藏和顯示的工作原理

Hide & Show Pro 向 Divi Builder 的部分、行和模塊添加了選項,以隱藏或顯示元素並選擇一個預設來確定將要發生的操作。 這些操作基於為該元素選擇的預設內的條件。 預設可用於隱藏和顯示元素。 這意味著您可以根據您選擇的條件交換內容,例如用戶角色、日期、語言等。

預設是在預設設置編輯器中單獨創建的,並且可以在任何 Divi 元素中使用。 可以在任何 Divi 元素中選擇預設,因此可以在任何地方根據需要多次重複使用它們。 要創建一個,只需轉到預設編輯器並進行選擇即可。

隱藏和顯示的工作原理

創建預設後,您可以在任何 Divi 元素中使用它。 轉到高級選項卡,選擇隱藏和顯示,然後選擇隱藏或顯示。 然後,選擇您要使用的預設。 然後,該元素將根據您的選擇顯示或隱藏,並根據預設中的選擇進行操作。

隱藏和顯示的工作原理

這允許您創建預設並將其應用到您想要的任何地方,並且當您對預設進行更改時,這些更改會自動應用到使用該預設的任何地方。 因此,您可以在預設編輯器中進行更改,該更改會反映在您的網站上。

現在我們已經了解了 Hide and Show Pro 的基本功能,接下來讓我們仔細看看預設。

隱藏和顯示專業預設

預設決定 Divi 元素的操作。 它決定操作的對像是誰(元素向誰顯示或隱藏)、操作發生的時間、操作發生的地點等,所有這些都基於您選擇的條件。 您可以混合搭配它們來創建一些有趣且強大的組合。

預設可以讓您更好地控制誰可以看到哪些內容。 您可以創建只有登錄訪問者才能看到或只有註銷訪問者才能看到的內容。 這對於根據日期創建銷售橫幅非常有用。 您還可以創建根據訪問者的位置、網站語言、他們從您的商店購買的商品、他們的用戶角色等進行顯示的內容。 要在 Divi 佈局中使用隱藏和顯示,您需要構建預設。

新預設

您可以在“選項”屏幕中創建預設。 要添加新預設,請轉至儀表板>隱藏和顯示>新預設。 為預設指定一個標題,然後在右側面板中進行選擇並在主編輯器中進行調整。

我們將在下一節中仔細研究該面板及其設置。 默認情況下,新預設包括預先選擇登錄和註銷的用戶狀態選項。 您可以通過單擊其複選標記來禁用它。 您還可以通過單擊右側邊欄中的切換按鈕來禁用這兩者。 這是一種常見狀態,因此默認包含它是有意義的。

新預設

所有預設

“所有預設”屏幕顯示您可用的每個預設的列表。 您可以從此屏幕編輯它們、刪除它們以及啟用或禁用它們。 它具有三個預設可以幫助您入門。

所有預設

隱藏和顯示專業預設選項

選項面板包括 6 個部分,每個部分都有選項。 這些部分包括用戶、計劃、帖子、WooCommerce、地理位置和其他。

所有條件都包含邏輯條件,您可以定義邏輯、添加多個條件並為每個條件啟用您想要的任何選項。 地理定位是最新的選項。 我們將首先更詳細地研究這個問題。

您可以從一個部分、每個部分中選擇選項,或者根據需要混合搭配多個選項。 您可以根據需要將預設設置為簡單或複雜。 使用其中的一個、幾個或全部。 可能性是驚人的。

隱藏和顯示地理位置

Hide & Show Pro 3.0 添加了地理定位。 這需要免費或付費服務,您有多種服務可供選擇。 它將地理定位選項添加到具有四個選項的預設中。 選擇大陸、國家、地區和城市。 啟用您想要的一項、全部或任意組合。 當您啟用多個選項時,它們將作為 AND 語句添加,但您可以單擊該語句將其更改為 OR 語句。

這使您可以對規則進行大量控制,並允許您包含或排除來自世界某些地區的訪問者。 如果您運送到某些大陸、為當地學生開設課程、擁有多個地點並希望為每個地點呈現不同的內容等等,這尤其有用。

隱藏和顯示地理位置

隱藏和顯示按大陸劃分的地理位置

選擇大陸會添加選擇大陸等於或不等於的選項、用於選擇大陸的下拉框以及顯示大陸代碼的標籤。 單擊字段下方的加號圖標添加更多大陸。 單擊要刪除的字段右側的 x 圖標即可刪除該字段。

我在下面的示例中添加了兩個大陸。 下拉框顯示您可以選擇的 7 個大洲。

隱藏和顯示按大陸劃分的地理位置

按國家/地區隱藏和顯示地理位置

選擇國家/地區會添加用於選擇國家/地區等於或不等於的選項、用於選擇國家/地區的下拉框以及顯示大陸代碼的標籤。 單擊字段下方的加號圖標添加更多國家/地區。 單擊要刪除的字段右側的 x 圖標即可刪除該字段。

在下面的示例中,我在“其他”部分選擇了“屬於歐盟” ,並在“國家”下選擇了巴哈馬

按國家/地區隱藏和顯示地理位置

按地區隱藏和顯示地理位置

選擇區域可讓您創建規則。 它添加了選項來選擇任何規則都可以為真,或者所有規則都必須為真。 它添加了一個下拉框供規則選擇。 選擇該區域等於、不等於、包含或不包含。 第二個字段允許您輸入您的選擇將比較的值。 單擊字段下方的加號圖標添加更多區域。 單擊要刪除的字段右側的 x 圖標即可刪除該字段。

按地區隱藏和顯示地理位置

按城市隱藏和顯示地理位置

選擇城市還包括規則。 選擇任何規則都可以為真,或者所有規則都必須為真。 在下拉框中選擇規則。 選擇城市等於、不等於、包含或不包含。 第二個字段允許您輸入您的選擇將比較的值。 單擊字段下方的加號圖標添加更多城市。 單擊要刪除的字段右側的 x 圖標即可刪除該字段。

按城市隱藏和顯示地理位置

隱藏和顯示地理位置示例

此示例顯示了所有四個選項。 我選擇了:

大陸等於:

  • 北美
  • 南美洲
  • 亞洲
  • 歐洲

或國家/地區等於:

  • 澳大利亞
  • 巴哈馬

並且該區域不包含:

  • 阿拉斯加州

或者該城市等於洛杉磯。

隱藏和顯示地理位置示例

隱藏和顯示用戶

根據用戶ID等於或不等於的情況設置用戶ID的邏輯。 根據用戶角色隱藏或顯示內容。 您還可以根據用戶組隱藏或顯示內容。 這個需要一個免費插件。 您還可以根據用戶元數據隱藏或顯示內容。 所有這些都可以與 AND/OR 邏輯一起使用。 這非常適合向特定用戶顯示特定內容。

隱藏和顯示用戶

隱藏和顯示時間表

設置每日、每週、每月、每年或自定義時間表。 它們可以與 AND/OR 邏輯一起工作。 只需單擊即可選擇或取消選擇任何時間、日期、月份等。 自定義計劃包括選擇一天或幾天範圍的選項。 這是根據時間表自動顯示帖子的好方法。

隱藏和顯示時間表

隱藏和顯示帖子

對於帖子,您可以選擇帖子 ID、類型、分類、元或作者元。 這使您可以手動控制對帖子的個人訪問。 添加任意數量。 指定是否等於或不等於某個 ID。 選擇該頁面是否等於或不等於一個或多個特定頁面。 其餘設置可讓您指定是否有任何規則為真,並讓您選擇規則。 如果您想向某些訪問者顯示特定的帖子,這非常有用。

隱藏和顯示帖子

隱藏和顯示 WooCommerce

WooCommerce 為您提供最多的設置可供選擇。 它們包括購買的商品、數量和價值、購物車商品、數量和價值、庫存狀態和水平、會員計劃和狀態以及訂閱計劃和狀態。 會員資格和訂閱選項需要 WooCommerce 的高級插件。 這些設置允許您選擇是否有任何規則為真,並允許您選擇產品或狀態。

這是顯示庫存狀態、根據庫存創建銷售、根據採購創建銷售、顯示每月或每年銷售等等的好方法。

隱藏和顯示 WooCommerce

隱藏和顯示 Pro 其他

其他設置包括站點語言、查詢字符串和自定義過濾器。 對於站點語言,請選擇該語言是否等於或不等於您所做的選擇。 對於查詢字符串,您可以通過添加鍵、從大量選項列表中選擇邏輯並指定值來構建查詢。 自定義過濾器允許您使用將添加到主題的 PHP 文件中的代碼來構建過濾器。

隱藏和顯示 Pro 其他

隱藏和顯示專業選項

通過隱藏和顯示選項,您可以從 7 個不同的地理位置提供商中進行選擇。 默認選擇 ipwhois.io 的免費服務。 使用免費服務或輸入高級服務的密鑰。 您可以使用提供的代碼自定義地理位置響應。 您還可以選擇HTTPS加密、設置保留緩存的天數以及清除緩存。 其他設置允許您添加其他模塊、排除模塊和刪除數據。

隱藏和顯示專業選項

隱藏和顯示 Pro Divi 模塊設置

Divi 部分、行、列和模塊的“高級”選項卡中添加了一個新選項。 該選項允許您禁用、隱藏或顯示隱藏和顯示模式。 如果您選擇隱藏或顯示,您將看到一個下拉框,您可以在其中選擇要使用的預設。 隱藏和顯示模式默認處於關閉狀態。 啟用隱藏和顯示模式可以讓您對所有 Divi Builder 元素進行大量設計控制。

在下面的示例中,我從免費的 Divi 教練佈局包中選擇了一個簡介。 佈局的這一部分顯示服務。 網站所有者可能會選擇在線提供大部分服務,但決定只在現場舉辦研討會。 在這種情況下,他們可以限制有關研討會的簡介,使其僅向特定地理位置的訪客展示。

我打開了 Blurb 模塊,選擇了“高級”選項卡,然後打開了“隱藏和顯示”設置。 我選擇了“顯示”,並為該模塊選擇了“地理位置預設”。 現在,該模塊將僅向與我在預設中選擇的地理位置相匹配的訪問者顯示。

隱藏和顯示專業選項

隱藏和顯示專業示例

例如,我想構建一個部分來顯示現有客戶的自定義定價。 我希望顯示每個月第一周的定價,僅向那些購買了特定產品的人顯示,並且他們必須居住在美國。

下面的示例使用 AND 語句構建該查詢。 預設設置包括:

  1. 用戶狀態僅向已登錄的訪客顯示。
  2. 選中用戶角色以僅向管理員、客戶和訂閱者用戶角色顯示。
  3. 使用每月計劃顯示每月的前 7 天。
  4. 檢查購買項目 僅向已購買特定產品的客戶顯示。
  5. 使用國家/地區僅向居住在美國的客戶顯示。

在訪問者看到特價部分之前,必須滿足所有這些標準。

隱藏和顯示專業示例

接下來,我為 Divi 的免費教練佈局包的定價頁面創建了一個新部分。 此部分將顯示定制服務的特價,只有符合條件的人才能看到。 我已打開該部分的設置,並在“高級”選項卡的“顯示和隱藏”設置中選擇了我的預設。

隱藏和顯示專業示例

現在,每個符合條件的訪問者都會在原始部分上方看到這個新部分。

隱藏和顯示專業示例

所有其他訪問者看不到第一部分。 相反,他們只會看到常規定價部分。

隱藏和顯示專業示例

哪裡購買

Hide & Show Pro 在 Divi Marketplace 上有售,售價 39 美元。 它包括無限制的網站使用、一年的支持和更新以及 30 天退款保證。

哪裡購買

結束思想

這就是我們對 Divi 的 Hide & Show Pro 的看法。 我發現這個插件很容易使用。 我喜歡這些設置與 Divi Builder 分開。 這使您可以構建預設並在任何您想要的地方使用它。 如果您有興趣控制誰可以看到特定內容,Hide & Show Pro 是一個絕佳的選擇。

我們希望聽到您的意見。 您使用過 Hide & Show Pro for Divi 嗎? 請在評論中告訴我們您的體驗。