首页 视频课程 主题开发课程第09章、导航菜单 WordPress主题显示导航菜单的方法

WordPress主题显示导航菜单的方法

2023-06-11 / 459阅

WordPress主题显示导航菜单的方法

WordPress主题通常需要显示导航菜单,以方便用户浏览网站的各个部分。WordPress提供了简单的函数来获取和显示导航菜单。

获取导航菜单

可以使用 wp_nav_menu() 函数获取导航菜单。要获取特定的导航菜单,请使用该菜单的名称或编号作为参数,例如:

wp_nav_menu( array(
    'theme_location' => 'primary',
) ); 

上面的代码将获取名称为“primary”的导航菜单。指定菜单编号的方式与此类似。如果您不确定要获取哪个菜单,请在WordPress后台的“外观”→“菜单”页面查找。

显示导航菜单

要在主题中显示导航菜单,请将上面的代码放在适当的位置。通常是在主题的 header.php 文件中,例如:

<nav>
    <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
</nav> 

上面的代码将显示名称为“primary”的导航菜单。

定制导航菜单

wp_nav_menu() 函数提供了许多选项,用于定制导航菜单的样式和行为。例如,要添加一个CSS类名,请使用 menu_class 参数:

wp_nav_menu( array(
    'theme_location' => 'primary',
    'menu_class'     => 'my-menu',
) ); 

上面的代码将导航菜单的外层 ul 元素添加了一个名为“my-menu”的CSS类。

有关更多可用选项,请参阅WordPress官方文档。

以上是WordPress主题显示导航菜单的方法。根据主题的不同,可能需要调整具体的代码和样式。

阅读文章或者观看视频过程中有任何问题,请下方留言或者联系我Q248758228

大家谈论
    我的见解
    目录