帮助中心 >
  关于云服务器 >
  怎么使用WordPress制作主题导航菜单?
怎么使用WordPress制作主题导航菜单?
时间 : 2025-02-19 16:19:51
编辑 : Jtti

WordPress后台的菜单管理工具可以轻松创建和定制导航菜单。如果需要手动调用或注册菜单位置,可以通过主题文件中的代码实现。在 WordPress 中制作主题导航菜单可以通过以下步骤完成:

步骤 1:创建一个菜单

登录到 WordPress 后台。

在左侧菜单中,点击 外观 > 菜单。

输入菜单的名称(例如,“主菜单”),然后点击 创建菜单。

步骤 2:添加菜单项

在菜单页面中,选择你想要添加到菜单中的页面、分类、文章或自定义链接。

勾选你想要添加的项,点击 添加到菜单。

你可以拖动菜单项进行排序,调整它们的层级关系(例如,子菜单可以通过缩进创建)。

步骤 3:设置菜单位置

在菜单设置区域,选择你希望将菜单显示在页面的哪个位置(例如,“主菜单”、“顶部菜单”或“页脚菜单”)。

每个主题提供的菜单位置可能不同,选择适合你主题的选项。

步骤 4:保存菜单

点击 保存菜单 按钮,以保存你的更改。

步骤 5:在主题中显示菜单

如果你的主题已经支持导航菜单,它会自动显示你所设置的菜单。否则,你需要在主题的 header.php 或者相应的模板文件中添加以下代码:

<?php
    wp_nav_menu(array(
        'theme_location' => 'primary',  // 菜单的位置名称
        'menu_class' => 'main-menu',     // 菜单的 CSS 类
    ));
?>

在这个例子中,primary 是菜单的位置名称,它可能根据你主题的设置有所不同。如果不确定位置名称,可以查看主题的 functions.php 文件,寻找 register_nav_menus() 函数,里面会定义可用的菜单位置。

步骤 6:样式化菜单

你可以使用 CSS 来调整菜单的样式,例如:

.main-menu {
    list-style: none;
    display: flex;
}

.main-menu li {
    margin: 0 15px;
}

.main-menu a {
    text-decoration: none;
    color: #333;
}

这样就可以制作并显示一个自定义的 WordPress 导航菜单了。如果你想要更复杂的菜单,例如多级菜单,WordPress 默认支持下拉菜单,你只需要将菜单项嵌套在其他菜单项下面即可。

JTTI-Defl
JTTI-COCO
JTTI-Selina
JTTI-Ellis
JTTI-Eom