首页 问答 正文

如何在WordPress中为单个页面设置自定义菜单?

注册会员 / 悠然自学 / 2023-06-11/ 浏览 134 次

在WordPress中为单个页面设置自定义菜单可以通过以下步骤实现:

  1. 确定需要设置自定义菜单的页面,记录该页面的ID。

  2. 在WordPress后台进入“外观”->“菜单”页面,创建一个新的自定义菜单。

  3. 在自定义菜单中添加需要显示的菜单项。

  4. 在菜单设置页面,选择该自定义菜单并保存设置。

  5. 在需要设置自定义菜单的页面中,添加以下代码到页面模板文件中,将自定义菜单引入到页面中:

<?php
    $menu_id = 'menu-item-ID'; // 将‘menu-item-ID’替换为自定义菜单的ID
    wp_nav_menu(
        array(
            'menu' => $menu_id,
            'menu_class' => 'custom-menu-class', // 自定义菜单的CSS类名
            'menu_id' => 'custom-menu', // 自定义菜单的ID
        )
    );
?> 

示例代码:

<?php
    $menu_id = 'custom-menu'; 
    wp_nav_menu(
        array(
            'menu' => $menu_id,
            'menu_class' => 'custom-menu-class', 
            'menu_id' => 'custom-menu', 
        )
    );
?> 

返回格式:

在WordPress中为单个页面设置自定义菜单可以通过以下步骤实现:

  1. 确定需要设置自定义菜单的页面,记录该页面的ID。

  2. 在WordPress后台进入“外观”->“菜单”页面,创建一个新的自定义菜单。

  3. 在自定义菜单中添加需要显示的菜单项。

  4. 在菜单设置页面,选择该自定义菜单并保存设置。

  5. 在需要设置自定义菜单的页面中,添加以下代码到页面模板文件中,将自定义菜单引入到页面中:

<?php
    $menu_id = 'menu-item-ID'; // 将‘menu-item-ID’替换为自定义菜单的ID
    wp_nav_menu(
        array(
            'menu' => $menu_id,
            'menu_class' => 'custom-menu-class', // 自定义菜单的CSS类名
            'menu_id' => 'custom-menu', // 自定义菜单的ID
        )
    );
?> 

示例代码:

<?php
    $menu_id = 'custom-menu'; 
    wp_nav_menu(
        array(
            'menu' => $menu_id,
            'menu_class' => 'custom-menu-class', 
            'menu_id' => 'custom-menu', 
        )
    );
?> 
大家谈论
    我的见解