📌  相关文章
📜  在 WordPress 主题中显示自定义导航菜单 - PHP (1)

📅  最后修改于: 2023-12-03 15:37:33.967000             🧑  作者: Mango

在 WordPress 主题中显示自定义导航菜单 - PHP

WordPress 中非常重要的一部分就是导航菜单。它允许网站的访问者能够以直观的方式导航到网站的各个不同页面,在 WordPress 中添加自定义导航菜单也非常简单。

添加自定义导航菜单

首先,你需要为你的主题添加一个自定义导航菜单。在 WordPress 的后台中,依次选择“外观”、“菜单”,点击“创建菜单”按钮。

然后,为菜单起个名字,例如“主菜单”。接下来,你可以点击“添加至菜单”按钮,添加你想要的页面、文章或自定义链接。

完成之后,点击“保存菜单”按钮。

在主题中显示自定义导航菜单

要在你的主题中显示自定义导航菜单,你需要将以下代码添加到你的主题文件中:

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

其中,theme_location 参数用于指定要显示的导航菜单的位置。在上面的代码中,我们将它设置为“primary”,也就是在菜单编辑页面中为主菜单指定的位置。你可以根据你自己的需求更改它。

自定义导航菜单 CSS

你可以使用 CSS 样式表为自定义导航菜单添加样式,例如设置导航菜单项的字体、颜色和背景色。

例如,要设置导航菜单项的字体大小和颜色,可以在 CSS 中添加以下代码:

.nav-menu li a {
  font-size: 16px;
  color: #333;
}

同时,你可以使用开发者工具查看你的菜单包含的 CSS 类和标签,以便更精确的控制样式。

结论

通过简单的几个步骤,你可以向你的主题中添加自定义导航菜单,并为其添加自定义样式。自定义菜单不仅可以提高用户体验,还可以帮助网站访问者更轻松的浏览你的网站。