如何制作WordPress自定义菜单？

好嘞，各位码农兄弟，今天咱来聊聊WordPress自定义菜单这事儿。别觉得这玩意儿简单，想玩出花来还真得费点心思。毕竟菜单这东西，就像网站的导航员，用户能不能顺畅找到东西，全看它了。

首先，最基础的，你得知道在哪儿创建菜单。进WordPress后台，瞅一眼左边的“外观”，点进去就有个“菜单”选项，对吧？点它！然后，你就可以新建一个菜单，随便取个名字，比如“顶部导航”、“底部菜单”，都行。接下来就是往里面塞东西了——页面、文章、分类目录，甚至自定义链接，想塞啥塞啥，拖拖拽拽排个序，齐活！不过，光这样还不够“自定义”，咱程序员得玩点高级的。

要让菜单在前台显示出来，这才是关键。这时候就得请出wp_nav_menu()这个函数了，它可是个狠角色。一般呢，咱会把它放到主题的header.php或者其他你想显示菜单的文件里。比如这样：

wp_nav_menu( array(
    'theme_location' => 'primary', // 这个很重要，关联到你注册的菜单位置
    'menu_class'     => 'main-nav', // 给菜单容器加个CSS类，方便写样式
    'container'      => 'nav',      // 菜单的容器标签，默认是div，咱改成nav更语义化
    'fallback_cb'    => false       // 如果没设置菜单，就不显示 fallback
) );

哎，说到theme_location，这就涉及到菜单位置的注册了。你得在主题的functions.php里告诉WordPress：“嘿，我这主题支持几个菜单位置啊！” 用register_nav_menus()函数就行，比如：

function mytheme_register_menus() {
    register_nav_menus( array(
        'primary'   => __( '顶部主菜单', 'mytheme' ),
        'secondary' => __( '底部辅助菜单', 'mytheme' ),
        'sidebar'   => __( '侧边栏菜单', 'mytheme' ),
    ) );
}
add_action( 'init', 'mytheme_register_menus' );

这样一来，后台“菜单”页面里就会出现这些“菜单位置”选项，你创建的菜单就能指派到这些位置上了，没毛病。

想给菜单加点自定义CSS类？简单！在后台菜单编辑页面，右上角有个“屏幕选项”，点开，把“CSS类”勾选上，每个菜单项下面就会多出一个CSS类的输入框，想加啥class加啥class，样式随便调。

话说回来，有时候默认的菜单HTML结构可能满足不了你的奇葩需求。比如，你想在菜单项里加个小图标，或者改改链接的属性。这时候，wp_nav_menu()的walker参数就该登场了。自定义一个Walker类，继承Walker_Nav_Menu，然后重写里面的方法，比如start_el()，想怎么折腾DOM结构都行。不过这个稍微有点复杂，新手可以先放放，玩溜了再说。

哦对了，还有个小技巧。如果你想在菜单里添加一些静态文本或者HTML，不用非得搞个自定义链接。直接在“自定义链接”里把URL设为#或者javascript:void(0)，然后链接文本里写你想要的内容，或者直接塞HTML代码（前提是主题没过滤掉），也行。不过这种方法有点野路子，慎用哈。

总的来说，WordPress自定义菜单这东西，上手不难，深入下去也有不少门道。核心就是那几个函数：register_nav_menus注册位置，wp_nav_menu显示菜单。多动手试试，改改参数，看看前台效果，很快就能玩明白。记住，别光看教程，自己瞎鼓捣才是王道，你懂的！搞定菜单，网站的颜值和用户体验立马就上去了，值！

Tags：

文章版权声明：除非注明，否则均为WP集市原创文章，转载或复制请以超链接形式并注明出处。