You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

自定义WordPress主题添加菜单后不显示问题求助

嘿,第一次独立做WordPress主题就碰到这种小坎太正常啦!别担心,我给你说两个关键步骤,都是复制粘贴级别的操作,完全不用怕PHP~

第一步:先给你的菜单“找个位置”(修改functions.php)

WordPress后台的菜单要能显示在前端,得先告诉系统“我有个专门放菜单的位置”。打开你主题文件夹里的functions.php文件,把这段代码粘到文件的最末尾(注意别弄坏原来的代码哦):

function my_theme_setup_menus() {
    register_nav_menus( array(
        'primary-menu' => __( '主导航菜单', '你的主题名称' ),
        // 这里的“主导航菜单”是后台会显示的名字,你可以改成中文或者英文,方便客户识别
        // 后面的“你的主题名称”换成你实际的主题文件夹名就行
    ) );
}
add_action( 'after_setup_theme', 'my_theme_setup_menus' );
第二步:把菜单放到页面里(修改header.php)

接下来找到你原来放手动导航代码的地方(一般是header.php里),把那段手动写的HTML导航删掉,换成这段PHP代码:

<?php
wp_nav_menu( array(
    'theme_location' => 'primary-menu', // 这个必须和第一步里的'primary-menu'完全一致
    'menu_class' => '你原来的导航CSS类名', // 比如你之前手动导航用的是class="nav-bar",就填这个,这样样式不用改
) );
?>

这样一来,后台设置的菜单就会自动在这里渲染出来,而且你之前写的CSS样式还能直接用,完美衔接!

最后一步:后台绑定菜单

回到WordPress后台,点「外观」->「菜单」,在页面底部的「菜单设置」里,你会看到刚才设置的「主导航菜单」选项,把你创建好的菜单勾选上,点保存就大功告成啦!

以后客户想改菜单,直接去后台操作就行,完全不用碰代码~

内容的提问来源于stack exchange,提问作者Warf Designs

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.28 06:12:42