WooCommerce 我的帐户自定义端点菜单项

Question

我正在开发一个项目，其中我的帐户页面是主页。所以我所做的就是创建了一个包含短代码的页面[woocommerce_my_account]，并从仪表板->设置->阅读将此页面设为主页。一切正常。我也有这个工作端点：

• mydomain.com/orders
• mydomain.com/编辑地址

但当我制作自定义 myaccount 端点时，我遇到了麻烦。我用这种传统的方式来做：

add_action('woocommerce_account_custom-endpoint_endpoint', function(){
    echo 'hello'; 
} );

add_action('init', function() {
    add_rewrite_endpoint('custom-endpoint', EP_ROOT | EP_PAGES); 
});

但 mydomain.com/custom-endpoint 并不是指向我的帐户页面，而是指向 index.php 或 page.php （WordPress 模板层次结构）。

我很好奇为什么会发生这种情况？

Answer 1

更新：

重要提示：您首先需要在以下位置将主页声明为“我的帐户”页面：
WooCommerce 设置 > 高级 > 我的帐户页面字段。

使用以下内容：

// Enable endpoint
add_filter( 'woocommerce_get_query_vars', 'myaccount_custom_endpoint_query_var' );
function myaccount_custom_endpoint_query_var( $query_vars ) {
    $query_vars['custom-endpoint'] = 'custom-endpoint';

    return $query_vars;
}

// Endpoint displayed content
add_action('woocommerce_account_custom-endpoint_endpoint', 'display_custom_endpoint_content' ); 
function display_custom_endpoint_content(){
    echo '<p>' . __("hello") . '</p>';
}

您也可以选择使用以下内容：

// Add it as my account menu item
add_filter ( 'woocommerce_account_menu_items', 'custom_account_menu_items', 10 );
function custom_account_menu_items( $menu_links ){
    $menu_links = array_slice( $menu_links, 0,3 , true )
    + array( 'custom-endpoint' => __('Custom Endpoint') )
    + array_slice( $menu_links, 3, NULL, true );

    return $menu_links;
}

// Endpoint page title
add_filter( 'woocommerce_endpoint_custom-endpoint_title', 'set_my_account_custom_endpoint_title', 10, 2 );
function set_my_account_custom_endpoint_title( $title, $endpoint ) {
    $title = __( "Custom Endpoint", "woocommerce" );

    return $title;
}

代码位于活动子主题（或活动主题）的functions.php 文件中。

编辑：该钩子是强制性的，并替换了不再需要的woocommerce_get_query_varshandle函数（感谢@Jitu）。add_rewrite_endpoint()

如果需要，您可以通过转到 WordPress 设置 > 永久链接和“保存更改”来刷新重写规则。

经过测试并有效。