学做网站培训课程介绍

当前位置:

WordPress使用wp_nav_menu函数生成需要的class结构

WordPress制作导航菜单,会使用wp_nav_menu函数,它可以自动调用出后台创建的导航菜单。但是使用默认的wp_nav_menu函数生成的菜单结构比较单调,有时很难达到我们自己的需要。

下面学做网站论坛介绍一下在做网站时,Wordpress如何使用wp_nav_menu函数生成需要的class结构。

第一步:下载WordPress自定义菜单wp_nav_menu函数ID与Class文件function-nav.php
第二步:解压后,将下载的function-nav.php上传到自己的Wordpress模板文件夹下,在自己的模板函数文件functions.php中,使用下面的代码引入这个function-nav.php文件;


require_once( TEMPLATEPATH . '/function-nav.php');

第三步:使用以下的代码来调用菜单。


<?php
wp_nav_menu( array(
'theme_location' => 'topmenu',
'depth' => 2,
'container' => false,
'menu_class' => 'nav navbar-nav navlist',
'menu_id' => 'topmeau',
'fallback_cb' => 'wp_page_menu',
//添加或更改walker参数
'walker' => new wp_bootstrap_navwalker())
);
?>

如果想修改class类,可以在第一步的代码中修改,达到自己需要的class结构。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程