0

メニューの説明を使用して、次の関数でメニュー項目の画像を追加しています

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>

どんな助けでも感謝します。ありがとう

4

2 に答える 2

0

バックエンドeg:descでそのメニュー項目に項目の説明を追加して、このようにチェックできるかもしれません

$p = $item->description
if( $p =='desc') {
$output .= $indent . '<li class="class1">';
}else {
 $output .= $indent . '<li>';  
}
于 2016-09-28T11:58:09.917 に答える
0

このオプションはワードプレスのバックエンド自体で利用できると信じています。画面オプションから「cssクラス」を有効にする必要があります

于 2016-09-28T10:52:03.167 に答える