wordpress添加顶级菜单

本文介绍如何在WordPress中创建自定义的后台菜单项,并提供了一段示例代码来展示具体的实现方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

比如自己创建了一个主题,那么需要在后台添加一些设置选项,所以就涉及到了后台添加顶级菜单的需求:
function my_add_submenu() {
    add_submenu_page( 'tools.php', 'my_backup', '测试', 'manage_options', 'backup-page', 'my_magic_function');
}

// 用于显示菜单的内容,填写菜单页面的HTML代码即可
function my_magic_function() {
    echo '测试代码html ';

 
}

// 通过add_action来自动调用my_add_submenu函数
add_action('admin_menu', 'my_add_submenu');

好的,下面是一个简单的WordPress导航自适应下拉菜单的代码示例。 1. 首先,您需要在您的WordPress主题中添加以下代码片段以启用WordPress导航菜单: ```php <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu', 'fallback_cb' => '__return_false', ) ); ?> ``` 2. 然后,在您的CSS样式表中添加以下代码片段来创建自适应下拉菜单: ```css /* 隐藏下拉菜单 */ .nav-menu ul { display: none; } /* 显示当前菜单项下的下拉菜单 */ .nav-menu li:hover > ul { display: block; } /* 隐藏顶级菜单项下的下拉箭头 */ .nav-menu li.menu-item-has-children > a:after { display: none; } /* 显示下拉菜单项的右侧箭头 */ .nav-menu li.menu-item-has-children > ul:before { content: '\f107'; font-family: 'FontAwesome'; font-size: 12px; display: inline-block; margin-right: 5px; } ``` 3. 最后,您需要在您的WordPress导航菜单添加“子菜单”类以指示该菜单项包含下拉菜单。例如: ```php <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu', 'fallback_cb' => '__return_false', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s<li class="menu-item-has-children"><a href="#">Dropdown Menu</a><ul class="sub-menu">%4$s</ul></li></ul>', ) ); ?> ``` 请注意,上面的代码中,我们在WordPress导航菜单中手动添加了一个包含子菜单的“Dropdown Menu”菜单项。 希望这个简单的代码示例能够帮助您创建一个自适应的WordPress导航下拉菜单
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值