WordPress主题未登录时page.php菜单不显示问题

嘿，这个问题我之前也碰到过几次，大概率是你的菜单代码里不小心加了仅登录用户可见的限制，或者是CSS在未登录状态下没正确加载导致的。咱们一步步来排查解决：

1. 检查是否有登录状态的条件判断包裹了菜单代码 #

先仔细看看你的菜单生成代码，是不是被is_user_logged_in()或者current_user_can()这类函数给误包裹了，比如：

<?php if (is_user_logged_in()) { ?>
    <!-- 你的菜单HTML/PHP代码 -->
<?php } ?>

如果是这种情况，未登录用户自然看不到菜单，直接去掉这个条件判断就行，或者根据需求调整逻辑，让未登录用户也能进入这个分支。

2. 检查菜单的CSS样式是否依赖登录状态类 #

WordPress默认会给登录用户的页面body标签加上logged-in类，如果你给菜单写的CSS是只有这个类存在时才显示，比如：

.logged-in .custom-menu {
    display: block;
}
.custom-menu {
    display: none;
}

那未登录时logged-in类不存在，菜单就被隐藏了。你需要修改CSS，去掉这个依赖：

.custom-menu {
    display: block;
}
/* 如果需要给登录用户加特殊样式，单独写就行 */
.logged-in .custom-menu {
    /* 比如调整背景色、文字颜色等 */
}

3. 检查菜单数据源是否有限制 #

如果你是用wp_get_nav_menu_items()调用WordPress后台的自定义菜单，要确认这个菜单没有被插件或自定义代码设置为仅特定角色可见。可以去后台「外观」→「菜单」，检查菜单的可见性设置，有没有勾选“仅登录用户可见”之类的选项。

4. 调试菜单的实际输出 #

未登录状态下，右键页面→查看源代码，搜索你菜单的容器类名（比如custom-menu），看看菜单的HTML结构是不是已经生成了：

• 如果HTML存在但看不到，那就是CSS隐藏的问题，按第2点调整样式；
• 如果HTML完全没有，那就是PHP代码的条件判断或数据源问题，回到第1、3点排查。

附一个无登录状态依赖的菜单示例 #

你可以参考这个简单的自定义菜单写法，不管用户是否登录都会正常显示：

<nav class="custom-main-menu">
    <ul>
        <?php
        // 自定义菜单项数组，也可以从数据库/选项中读取
        $menu_items = array(
            array('title' => '首页', 'url' => home_url('/')),
            array('title' => '关于我们', 'url' => home_url('/about/')),
            array('title' => '联系我们', 'url' => home_url('/contact/')),
        );
        foreach ($menu_items as $item) {
            // 用esc_url和esc_html确保输出安全
            echo '<li><a href="' . esc_url($item['url']) . '">' . esc_html($item['title']) . '</a></li>';
        }
        ?>
    </ul>
</nav>

内容的提问来源于stack exchange，提问作者carlojune