wordpress中自定义菜单制作详细教程

作者:袖梨 2022-06-25

。要想实现自定义菜单,需要用到的函数是wp_nav_menu(),给这个函数传递一些参数就可以输出自定义菜单菜单,下面简单讲讲如何使用使用这个函数。

首先,在主题目录下的functions.php的 之间,添加以下菜单注册代码,这样你就可以在主题文件中使用wp_nav_menu函数了:


// This theme uses wp_nav_menu() in one location.
register_nav_menus();

接着我们在主题的导航栏处调用wp_nav_menu(),即可输出导航菜单HTML代码:

// 列出顶部导航菜单,菜单名称为mymenu,只列出一级菜单
wp_nav_menu( array( 'menu' => 'mymenu', 'depth' => 1) );
?>

以上代码输出的HTML代码形式如下:

这里列出的 li 项为你在后台 – 外观 – 菜单添加的栏目,如果你还没有在后台添加菜单,导航栏将列出所有页面。另外,wp_nav_menu会为每个 li 添加class,不同的class标记这个菜单项的属性,如当前打开的是某个文章页面,分类A 就是这篇文章所属的分类,那么 分类A 所在的 li 将会如下代码所示:


  • 如果是在首页,那么首页的菜单项的 li 可能会如下所示:


  • 相关文章

    精彩推荐