web-dev-qa-db-ja.com

ナビゲーションメニュー項目にのみカスタムクラスを追加する

この非常に役に立つ投稿 をナビゲーションメニューからのWP生成クラスとIDのクリーンアップについてレビューしていました、そして RevelationTravisのオプション を見つけました - 下記のコードを見てください特定のメニュークラスを効果的に「ホワイトリスト」にする方法として特に優れていること。ただし、WP menu adminパネルで指定されたカスタムナビゲーションメニュークラス、つまり "CSS Classes（Optional）"を保持する方法があれば、それらを明示的に指定しなくてもよいのでしょうか。名？

<?php
//Deletes all CSS classes and id's, except for those listed in the array below
function custom_wp_nav_menu($var) {
    return is_array($var) ? array_intersect($var, array(
        //List of allowed menu classes
        'current_page_item',
        'current_page_parent',
        'current_page_ancestor',
        'first',
        'last',
        'vertical',
        'horizontal'
        )
    ) : '';
}
add_filter('nav_menu_css_class', 'custom_wp_nav_menu');
add_filter('nav_menu_item_id', 'custom_wp_nav_menu');
add_filter('page_css_class', 'custom_wp_nav_menu');

//Replaces "current-menu-item" with "active"
function current_to_active($text){
    $replace = array(
        //List of menu item classes that should be changed to "active"
        'current_page_item' => 'active',
        'current_page_parent' => 'active',
        'current_page_ancestor' => 'active',
    );
    $text = str_replace(array_keys($replace), $replace, $text);
        return $text;
    }
add_filter ('wp_nav_menu','current_to_active');

//Deletes empty classes and removes the sub menu class
function strip_empty_classes($menu) {
    $menu = preg_replace('/ class=""| class="sub-menu"/','',$menu);
    return $menu;
}
add_filter ('wp_nav_menu','strip_empty_classes');
?>

ご協力ありがとうございます。

customizationmenus
2
nickpish

はい、それらは各メニュー項目のメタデータ'_menu_item_classes'として保存されているので、例えば（は別々の関数を使うように更新されました）

function custom_wp_nav_menu_css_class( $classes, $item, $args, $depth ) {
    $whitelist = array(
        //List of allowed menu classes
        'current_page_item',
        'current_page_parent',
        'current_page_ancestor',
        'first',
        'last',
        'vertical',
        'horizontal'
    );
    // Note array containing empty entry always created for menu item meta so filter out.
    if ( $optional = array_filter( get_post_meta( $item->ID, '_menu_item_classes', true ) ) ) {
        $whitelist = array_merge( $whitelist, $optional );
    }
    return array_intersect( $classes, $whitelist );
}
add_filter( 'nav_menu_css_class', 'custom_wp_nav_menu_css_class', 10, 4 );
1
bonger