wordpress - 如何在 WordPress 中将自定义类添加到菜单项。下面是我的代码,它不起作用
问题描述
头文件.php
/*Render menu*/
<div class="main-nav">
<?php wp_nav_menu(
array(
'theme_location' => 'header-menu',
'container' => 'ul',
'menu_class' => 'nav'
)
);
?>
</div>
函数.php
/*Register menu*/
function register_main_menu(){
register_nav_menus(array(
'Primary' => __('Header Menu'),
'Footer' => __('Footer Menu')
));
}
add_action('after_setup_theme', 'register_main_menu');
/*Custom menu class*/
function add_class_to_li($classes, $item){
$classes[] = "nav-item";
return $classes;
}
add_filter('nav_menu_css_class','add_class_to_li', 10, 4);
这不会将“nav-item”类添加到“li”。有什么我需要更新的。
解决方案
您的 theme_location 应该与您在 functions.php 文件中的位置完全相同。所以你的阅读器菜单将是:
/*Render menu*/
<div class="main-nav">
<?php wp_nav_menu(
array(
'theme_location' => 'Primary', //this will be Primary, not header-menu
'container' => 'ul',
'menu_class' => 'nav'
)
);
?>
</div>
推荐阅读
- javascript - Materialise CSS 在提交时验证所有表单字段
- c# - 如何在 linq 左连接查询中使用现有左模型预填充投影结果
- vba - 访问 VBA - 使用实际表的名称向现有表添加新列
- java - 无法连接到tomcat上的MySQL,但它使用hibernate作为独立的java类连接
- jupyter-notebook - 从另一个笔记本运行 Jupyter 笔记本,同时更改正在运行的笔记本的输出
- css - 如何在 Webpack 中的 HTML 文件中要求 .css、.js 文件
- android - 在 Android 中保存/恢复 Retrofit2 响应
- powershell - 需要通过增加一个参数值来运行脚本部分的循环
- c# - 响应刷新后重定向到路由
- reactjs - 无法在客户端访问 gatsby 环境变量