將自定義頁面新增到WooCommerce 中的“我的帳戶”區域

從 WooCommerce v2.6.0 起，WooCommerce 的 “我的帳戶” 區域已經使用了所謂的 “端點” 。這意味著 WordPress 中只有 1 頁設定（像 “/ my-account”），其中的子頁面是動態載入的（如 “/ my-account / orders”）。這是 WooCommerce 實施的一個好方法，因為這意味著您不需要在 WordPress 管理員中管理多達幾頁; 基於 “端點”（在我們的示例中為 “訂單”）動態地載入該頁面的內容。

這樣做會增加一個新的子頁面到我的帳戶區域有點複雜，但這絕對是可能的！看看它是如何做的

注意：我將在標準函式中編寫這個函式，您可以將其新增到主題的 functions.php 檔案中，但我建議您建立一個功能外掛，並在類中執行。

新增一個 “資訊” 連結到我的帳戶導航

首先，我們新增一個資訊連結到我的帳戶導航。

/**

* Account menu items

* @param arr $items

* @return arr

function iconic_account_menu_items( $items ) {

$items[‘information’] = __( ‘Information’, ‘iconic’ );

return $items;

}

add_filter( ‘woocommerce_account_menu_items’, ‘iconic_account_menu_items’, 10, 1 );

的 woocommerce_account_menu_items 過濾器接受 1 個引數：的導航專案陣列。
在 iconic_account_menu_item()我們將 “資訊” 連結新增到 $items 陣列的末尾。我們正在使用鍵/值對; 陣列鍵是端點 URI（“資訊”），該值是連結標題（“資訊”）的可翻譯字串。

新增一個 “我的帳戶” 端點

在這個例子中，我們將新增一個名為 “Information” 的新頁面 my-account/information 。這意味著我們的終端是簡單的 information，按照我們上面的自定義選單連結。

/**

* Add endpoint

function iconic_add_my_account_endpoint() {

add_rewrite_endpoint( ‘information’, EP_PAGES );

}

add_action( ‘init’, ‘iconic_add_my_account_endpoint’ );

我們正在新增一個 iconic_add_my_account_endpoint 在該 init 動作上呼叫的函式。
我們正在使用 add_rewrite_endpoint()來新增我們的端點。這將需要您重新整理固定連結（只需訪問設定 > 固定連結）。
add_rewrite_endpoint() 接受 2 個引數。第一個是我們的端點 URI，第二個是端點可用的位置。作為 “我的帳戶” 是一個頁面，我們已經分配了我們的端點 EP_PAGES 。您可以檢視所有可用的 “鄰居” 的手抄本。

新增完畢後，/my-account/information 網址應返回常規帳戶資訊中心，而不是 404 頁面。