將自定義頁面添加到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 頁面。