如何創建 WooCommerce 註銷頁面簡碼

已發表: 2020-08-22

WooCommerce 創建註銷頁面簡碼 您想創建可以在 WooCommerce 網站上的任何位置使用的 WooCommerce 註銷頁面短代碼嗎？ 如果您正在尋找一個實際適用於 WooCommerce 註銷頁面簡碼的快速示例，此示例將使您更容易理解如何完成此操作。

使用簡碼可以讓 WooCommerce 商店所有者更輕鬆地快速自定義他們的網站，而無需編碼或使用最少的編碼技能。

今天，我將與您分享一種快速、簡單且出色的方法，您可以創建WooCommerce 註銷頁面短代碼並將其部署在您網站的任何位置，只需單擊一下您的用戶即可註銷。

像往常一樣，我將逐步說明我的代碼是如何工作的，以便您更輕鬆地將代碼添加到您的商店主題中。 如果您是新的 WordPress 開發人員或菜鳥 WooCommerce 開發人員

WooCommerce 註銷端點

默認情況下，WooCommerce 為用戶提供用於註銷的默認端點，可用於創建註銷 URL，您可以在 WooCommerce 設置下訪問它，如下圖所示：

WooCommerce 註銷端點

您可以按照本文的說明自定義此端點 - 自定義 WooCommerce 端點。

除了 WooCommerce 註銷端點之外，您還可以使用其他幾個端點來自定義您的 WooCommerce URL，它們包括結帳頁面和我的帳戶頁面端點：

結帳端點

以下端點用於結帳相關功能，並附加到 /checkout 頁面的 URL：

  • 支付頁面 – /order-pay/{ORDER_ID}
  • 收到訂單（謝謝）- /order-received/
  • 添加付款方式 - /add-payment-method/
  • 刪除付款方式 - /delete-payment-method/
  • 設置默認付款方式 - /set-default-payment-method/

帳戶端點

以下端點用於與帳戶相關的功能，並附加到 /my-account 頁面的 URL：

  • 訂單 – /orders/
  • 查看訂單 - /view-order/{ORDER_ID}
  • 下載 – /downloads/
  • 編輯帳戶（並更改密碼） - /edit-account/
  • 地址 – /edit-address/
  • 付款方式 - /payment-methods/
  • 丟失密碼 - /lost-password/
  • 註銷 - /customer-logout/

創建 WooCommerce 註銷頁面簡碼

我們將使用 WooCommerce 註銷端點註銷用戶並將代碼添加到短代碼按鈕。

WooCommerce 註銷端點是 - /customer-logout/我們將添加一個URL attribute =true來構建我們將在註銷按鈕中使用的註銷 URL。

完整的 URL 結構應該如下site_url/?logout-endpoint=true

創建 WooCommerce 註銷簡碼

如果您之前沒有創建過 WordPress 或 WooCommerce 短代碼，我寫了一個很棒的指南來幫助您學習如何創建 WordPress 短代碼。 – 在這裡查看。

現在讓我們逐步創建 WooCommerce 註銷頁面短代碼：

  • 第 1 步：為註銷頁面短代碼創建操作掛鉤和回調函數 -例如，您可以按如下方式創建它： add_shortcode( 'wc_logout_shortcode', 'njengah_wc_logout_shortcode' ); . 回調函數也可以這樣創建： function njengah_wc_logout_shortcode(){ }
  • 第 2 步：使用我在本教程中分享的代碼檢查用戶是否已登錄 - 如何檢查用戶是否已登錄 WordPress： if (is_user_logged_in())
  • 第 3 步：創建註銷 URL 變量，您可以從 WooCommerce 端點構建，如下所示： $wc_shortcode_logout_url = site_url() . '/?customer-logout=true'; $wc_shortcode_logout_url = site_url() . '/?customer-logout=true';
  • 第 4 步：創建按鈕代碼並添加一個類，以便您可以快速設置樣式以適合您的 WooCommerce 主題的配色方案。 <button class="wc_logout_shortcode_btn"><a href="<?php echo $wc_shortcode_logout_url; ?>">Log Out</a></button>
  • 第 5 步：將此代碼放在一起並通過functions.php文件將代碼添加到您的主題中，或者您可以將代碼包含在您的自定義 WooCommerce 插件開發中。 將簡碼添加到functions.php woocommerce
  • 第 6 步：在頁面或帖子的任何位置測試簡碼[wc_logout_shortcode] ，甚至是支持簡碼的 WordPress 小部件，您應該會在添加簡碼的位置看到 WooCommerce 註銷按鈕。

以下是您可以添加到 functions.php 以創建 WooCommerce 註銷頁面短代碼的完整代碼片段：

 /**
 * 添加 WooCommerce 註銷頁面短代碼按鈕
 */

// 簡碼動作鉤子 

add_shortcode('wc_logout_shortcode', 'njengah_wc_logout_shortcode');

// 打回來 

功能 njengah_wc_logout_shortcode(){
	
    ob_start();
    // 檢查用戶是否登錄 
    if (is_user_logged_in()){ 
          //創建url變量 
	   $wc_shortcode_logout_url = site_url() 。 '/?customer-logout=true';?>
	    <button class="wc_logout_shortcode_btn"><a href="<?php echo $wc_shortcode_logout_url; ?>">註銷</a></button> 
        <?php 
	}

    返回 ob_get_clean();
}

您現在可以通過將短代碼添加到新頁面或帖子來測試它，如下圖所示，您應該會看到顯示在前端的按鈕。

woocommerce 註銷頁面簡碼

測試頁面上的 WooCommerce 註銷簡碼按鈕

最後，在前端，您應該測試註銷按鈕，看看它是否可以正常工作，如下圖所示。 如果您按照所有步驟操作，WooCommerce 註銷短代碼應該如下面的示例所示工作：

woocommerce 註銷簡碼示例

結論

在這篇文章中，我與您分享瞭如何為 WooCommerce 註銷功能創建簡碼。 如果您想在不彈出確認消息的情況下註銷，我寫了一個很好的指南，說明如何刪除 WooCommerce 註銷確認消息。

快速總結一下，要創建 WooCommerce 註銷短代碼，您需要利用默認的 WooCommerce 註銷端點。 您還可以將此端點 URL 更改為您希望的任何變量，並將其添加到您的代碼中，它將起作用！

類似文章

  1. 如何在 WooCommerce 中設置特色產品
  2. 如何在 WooCommerce 的商店頁面中隱藏所有產品
  3. 用於結帳頁面定制的 23 個最佳 WooCommerce 插件
  4. 如果未登錄 WordPress 如何重定向用戶 » 頁面重定向
  5. 從 WooCommerce 主題中的產品頁面中刪除側邊欄的方法
  6. WooCommerce 註銷而不確認：如何刪除“您確定要註銷嗎？”
  7. 如何將刪除圖標添加到 WooCommerce 結帳頁面
  8. 如何在 Woocommerce 中獲取訂單 ID
  9. 如何檢查插件在 WordPress 中是否處於活動狀態 [3 種方式]
  10. 如何通過示例在頁面或帖子中使用 WordPress 簡碼
  11. WooCommerce 結帳後重定向：結帳後如何自動重定向到自定義頁面
  12. 如何獲取 WooCommerce 頁面 URL » 購物車、商店、結帳和帳戶
  13. 如何在 WordPress 中通過 Slug 獲取 Post ID 並附上一個實際示例
  14. 如何添加產品圖片 WooCommerce 結帳頁面
  15. 如何調整 WooCommerce 產品圖像的大小
  16. 如何刪除已添加到您的購物車消息 WooCommerce
  17. 如何在 WooCommerce 結帳頁面上更改 PayPal 圖標
  18. 如何調整 WooCommerce 產品圖像的大小
  19. 如何在 WooCommerce 結帳頁面上隱藏 PayPal 圖標
  20. 在 WooCommerce 中如何在價格前添加文本 » 在價格前添加文本