WordPress添加顶部二级菜单触发网站崩溃该如何解决？

核心故障原因 #

• 直接将菜单输出代码放入Code Snippets插件且未挂载到正确钩子：Code Snippets默认全局执行PHP代码，未绑定输出钩子的wp_nav_menu会在页面未渲染到头部位置时提前执行，轻则位置错误重则触发未定义函数报错
• 代码字符转义错误：你复制的代码中=>被转义为了>，直接粘贴到PHP文件/代码片段中会触发PHP语法错误，直接导致站点崩溃
• 若使用的是WordPress块主题（全站点编辑主题），直接修改header.php文件是无效的，块主题的模板结构完全通过区块编辑器管理，传统PHP模板修改不生效

正确操作步骤 #

方案1：通过Code Snippets插件输出菜单（无需修改主题文件） #

删除原有故障的代码片段，新建代码片段粘贴以下带钩子的代码即可：

add_action('wp_body_open', function() {
    wp_nav_menu( array( 
        'theme_location' => 'my-custom-menu', 
        'container_class' => 'custom-menu-class' 
    ) );
});

wp_body_open钩子会在页面<body>标签打开后最先执行，刚好对应你要的logo上方、页面最顶部的展示位置。

方案2：修改主题header.php文件（仅适合传统经典主题） #

打开主题根目录下的header.php文件，找到<body>标签下方的对应位置，粘贴以下原生PHP代码即可，注意不要使用带转义字符的版本：

<?php
wp_nav_menu( array( 
    'theme_location' => 'my-custom-menu', 
    'container_class' => 'custom-menu-class' ) ); 
?>

后续样式调整 #

菜单展示后如果位置、样式不符合预期，可以在WordPress后台「外观-自定义-额外CSS」中添加自定义样式，调整.custom-menu-class类的相关属性即可。

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