Woocomerce 注销链接

Question

我正在尝试添加一个图标按钮来注销 WordPress woocommerce 帐户，但 woccommerce 仪表板注销中的链接每次刷新页面时都会不断变化，因此在我的帐户上复制链接而不是注销是行不通的。任何人都可以帮助我实现这一目标吗？

我尝试过谷歌搜索，但似乎没有任何效果。

Answer 1

您可以结合使用 WordPress 挂钩和自定义函数。您可以创建自定义注销 URL 并将其用于您的按钮，而不是依赖动态注销链接。

创建自定义注销 URL 功能： 将以下代码添加到主题的functions.php文件或自定义插件中：

function custom_logout_url() {
    return wp_logout_url(home_url('/'));
}

此函数使用 wp_logout_url 创建注销 URL，在注销后将用户重定向到主页。

显示注销按钮： 现在，您可以使用 wp_nav_menu_items 过滤器将注销链接添加到导航菜单。将以下代码添加到您的functions.php文件或自定义插件中：

function add_logout_link_to_menu($items, $args) {
    if ($args->theme_location == 'primary') { // Change 'primary' to match your menu location
        $logout_url = custom_logout_url();
        $logout_link = '<li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="' . esc_url($logout_url) . '">Logout</a></li>';
        $items .= $logout_link;
    }

    return $items;
}
add_filter('wp_nav_menu_items', 'add_logout_link_to_menu', 10, 2);

更新“主要”以匹配主导航菜单的主题位置。此代码添加一个新菜单项，其中包含指向自定义注销 URL 的链接。

将注销按钮添加到您的菜单中： 转到您的 WordPress 仪表板，导航到外观 > 菜单，然后将自定义注销链接添加到您的菜单。

设置注销按钮的样式（可选）： 您可以使用 CSS 将自定义样式添加到注销按钮。如果您的主题有自定义 CSS 部分，您可以在其中添加样式，或者您可以在主题中排队自定义样式表。

    /* Add your custom styles here */
.menu-item-logout {
    /* Your styles here */
}

请记住在应用这些更改之前始终创建备份。