WordPress 默认 CSS 类输出示例:
<li id="menu-item-55" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55">
<li class="page_item page-item-37">
菜单和页面列表项带有各种自己的 li
class
和 id
。
如何在菜单和页面列表的
functions.php
文件中删除它们?
您应该能够通过连接到几个过滤器并返回空数组或字符串而不是新的类或 id 来删除它们:
add_filter('nav_menu_css_class', 'my_css_attributes_filter', 100, 1);
add_filter('nav_menu_item_id', 'my_css_attributes_filter', 100, 1);
add_filter('page_css_class', 'my_css_attributes_filter', 100, 1);
function my_css_attributes_filter($var) {
return is_array($var) ? array() : '';
}
如果你想保留特定的课程,你可以这样做:
function my_css_attributes_filter($var) {
return is_array($var) ? array_intersect($var, array('current-menu-item')) : '';
}
这是对理查德答案的补充。
如果您想将当前菜单项类别更改为其他类别。
add_filter('nav_menu_css_class', 'my_css_attributes_filter', 100, 1);
add_filter('nav_menu_item_id', 'my_css_attributes_filter', 100, 1);
function my_css_attributes_filter($var) {
if(is_array($var)){
$varci= array_intersect($var, array('current-menu-item'));
$cmeni = array('current-menu-item');
$selava = array('selectedmenu');
$selavaend = array();
$selavaend = str_replace($cmeni, $selava, $varci);
}
else{
$selavaend= '';
}
return $selavaend;
}
这是我想出的解决方案。它从 wp_nav_menu 中删除所有 id 和类,但允许您提出自己的“批准”类和/或 id 列表。它还将冗长的“当前菜单项”更改为“活动”。如果您希望保留默认的 WordPress CSS 样式,只需删除该代码部分即可。为了保持这篇文章的最少性,这里是带有代码的pastebin的链接:
http://pastebin.com/W16cxDfY - 用于您的functions.php文件
http://pastebin.com/CGx4aprf - 无论菜单在哪里,都适合您的模板
只需
add_filter('nav_menu_item_id', '__return_false');
表示菜单项 ID
删除 li 的最佳方法是:经过测试和验证
<?php
$menuParameters = array(
'theme_location' => 'header-menu-top',
'container' => false,
'echo' => false,
'items_wrap' => '%3$s',
'depth' => 0,
);
echo strip_tags(wp_nav_menu( $menuParameters ), '<a>' );
?>
如果您只想删除所有列表类和 id,请将其添加到functions.php
add_filter('nav_menu_item_id', 'filter_menu_id');
add_filter( 'nav_menu_css_class', 'filter_menu_li' );
function filter_menu_li(){
return array('');
}
function filter_menu_id(){
return;
}
对理查德的回答的补充: 我们需要清理留下的空类:
//Strip Empty Classes
add_filter ('wp_nav_menu','strip_empty_classes');
function strip_empty_classes($menu) {
$menu = preg_replace('/ class=(["\'])(?!active).*?\1/','',$menu);
return $menu;
}
我的解决方案:
$defaults = array(
'theme_location' => '',
'menu' => '',
'container' => '',
'container_class' => '',
'container_id' => '',
'menu_class' => '',
'menu_id' => '',
'echo' => false, // param important
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '',
'depth' => -1,
'walker' => ''
);
ob_start();
echo preg_replace( '#<li[^>]+>#', '<li>', wp_nav_menu( $defaults ) );
$mainNav = ob_get_clean();
// In the page :
echo $mainNav;