自定义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
相关产品推荐
相关产品推荐

