如何为<li>特定菜单项添加属性



我使用菜单描述为菜单项添加图像,函数如下

function call_desc_with_div( $item_output, $item, $depth, $args ) {
    if ( !empty( $item->description ) ) {
       $item_output = '<img src="' . $item->description . '">';
       }
    return $item_output;
}
add_filter( 'walker_nav_menu_start_el', 'call_desc_with_div', 10, 4 );

但是HTMl标记是这样的

<li id="menu-item-12345" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12345"><img src="http://my-image.png"></li>

我想添加图像(它只是一个背景图像或其他)内的<li>为特定的菜单项。像这样

<li id="menu-item-12345" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12345" style="background-image:url(http://my-image.png);"></li>

任何帮助都会很感激。由于

我相信这个选项在wordpress后端本身是可用的。你需要从屏幕选项

中启用"css classes"

也许你可以在后端为菜单项添加一个项目描述,例如:desc和像这样检查

$p = $item->description
if( $p =='desc') {
$output .= $indent . '<li class="class1">';
}else {
 $output .= $indent . '<li>';  
}

最新更新