我想在我的辅助菜单中添加一个按钮，该按钮指向"我的帐户"页面，如果用户已登录，按钮上的文本应显示"我的帐户"。
如果用户注销，他们将看到一个显示"注册"的按钮并指向登录页面。
有人知道这是否可能吗？
我想我很接近，但我不确定是否有可能：
这是我的孩子主题的功能.php：
function storefront_secondary_navigation() {
if ( has_nav_menu( 'secondary' ) ) {
?>
<nav class="secondary-navigation" role="navigation" aria-label="<?php esc_html_e( 'Secondary Navigation', 'storefront' ); ?>">
<p>wat is deze</p>
<?php
if( ! is_user_logged_in()) {
wp_nav_menu(
array(
'theme_location' => 'secondary',
'fallback_cb' => '',
)
);
}
else{
wp_nav_menu(
array(
'theme_location' => 'secondary',
'fallback_cb' => '',
)
);
}
echo "menu locations";
$hoi = get_nav_menu_locations();
var_dump($hoi);
//outputs an array with 3 objects: 'primary', 'secondary', and 'handheld'.
?>
</nav><!-- #site-navigation -->
<?php
}
}
一个纯粹的CSS解决方案：
在 Wordpress 中，如果用户登录，<body> 元素具有类logged-in。因此，您可以使用它来隐藏右侧按钮：
将此添加到您的style.css：
#menu-item-8071 {
display: none;
}
body.logged-in #menu-item-8071 {
display: block;
}
body.logged-in #menu-item-8011 {
display: none;
}
您可以将自己的 css 类添加到按钮中，而不是使用菜单项 id 作为 css 选择器。首先，您必须在屏幕选项(菜单编辑器页面顶部(中启用"CSS类"。现在，您可以为每个菜单项输入其他 css 类。
例如：
- 第一个按钮的
show-if-logged-in - 第二个按钮的
hide-if-logged-in
所以你可以使用这个css代码：
.show-if-logged-in {
display: none;
}
body.logged-in show-if-logged-in {
display: block;
}
body.logged-in .hide-if-logged-in {
display: none;
}
我设法修复了它并且它可以工作。我通过wordpress菜单编辑器在辅助菜单中制作了2个单独的项目。然后我创建了一个动作钩子，它检查用户是登录还是注销，然后相应地隐藏按钮(带有在菜单编辑器中设置的相应链接(。
这样做的缺点是它不容易维护，它要求开发人员通过 ID 获取元素，因此如果有人更改菜单设置，它可能会获得不同的 ID，因此每次都手动修复。
function modify_secondary_menu_buttons() {
if( ! is_user_logged_in()) {
echo '<script type="text/javascript">
jQuery("#menu-item-8071").css("display", "none");
</script>';
return;
}
else{
echo '<script type="text/javascript">
// Document ready
jQuery(document).ready(function(){
console.log("You are logged in");
jQuery("#menu-item-8011").css("display", "none");
});
</script>';
}
}
add_action( 'wp_footer', 'modify_secondary_menu_buttons' );