我想在菜单中添加一个登录/注销按钮,所以我在我的子主题函数中添加了以下php代码。php:
add_filter( \'wp_nav_menu_items\', \'add_loginout_link\', 10, 2 );
function add_loginout_link( $items, $args ) {
if (is_user_logged_in() && $args->theme_location == \'primary\') {
$items .= \'<li><a href="\'. wp_logout_url( get_permalink( woocommerce_get_page_id( \'myaccount\' ) ) ) .\'">Log Out</a></li>\';
}
elseif (!is_user_logged_in() && $args->theme_location == \'primary\') {
$items .= \'<li><a href="\' . get_permalink( woocommerce_get_page_id( \'myaccount\' ) ) . \'">Log In</a></li>\';
}
return $items;
}
除了在woocommerce的0.00美元价格上添加了登录/注销按钮外,它的效果非常好。例如(登录0.00美元)我如何在这两者之间放置一个空格(登录0.00美元)
提前非常感谢!
SO网友:rudtek
我不知道为什么空间是个坏主意。
以下是您需要的代码,其中包含一个用于登录的空间:
$items .= \'<li><a href="\' . get_permalink( woocommerce_get_page_id( \'myaccount\' ) ) . \'">Log In </a></li>\';
似乎是一个简单的解决方案。
如果您想尝试css,它也相对简单。
将同一行改为:
$items .= \'<li><a class="custom-nav-link" href="\' . get_permalink( woocommerce_get_page_id( \'myaccount\' ) ) . \'">Log In</a></li>\';
然后在css中添加以下行:
.custom-nav-link {
margin-right: 15px;
}
显然,您可以将15更改为您想要的任何值。对注销重复此操作。但是您不需要再次添加css。