IP Girl
  1. IP Girl
  3. wp_nav_menu change le nom de la classe du sous-menu?
Intereting Posts
Comment exécuter une application de console .NET en arrière-plan Pourquoi NaN n’est-il pas égal à NaN? «L’interaction de l’utilisateur n’est pas autorisée» en essayant de signer une application OSX à l’aide de codesign Dieu contre Monit MySQL ne démarre pas lors de la mise à niveau d’OSX vers Yosemite ou El Capitan Junit avant le cours (non statique) Bouton de soumission CSS rendu étrange sur iPad / iPhone Qu’est-ce qu’une manière simple / élégante dans Ruby de dire si une variable particulière est un Hash ou un Array? MySQL Trigger – Stockage d’un SELECT dans une variable Modification de l’espace de nom des fichiers de ressources (resx) et du modificateur d’access Comment créer l’effet d’un object circulaire entrant et se séparant d’une substance épaisse Tableau versus liste chaînée Envelopper le chronomètre avec un délégué ou un lambda? Scala: passer Seq aux fonctions var-args Trouver l’élément avant et après un élément spécifique

wp_nav_menu change le nom de la classe du sous-menu?

Y a-t-il un moyen de changer l’enfant

    généré par WordPress lui-même en un nom de classe personnalisé?

    Je connais le parent ul que vous pouvez supprimer ou changer le nom avec 'menu_class' => 'newname'

    Je ne pouvais pas trouver … essayé 'submenu_class' => 'customname' : D semble logique pour moi, mais évidemment ce n’est pas le bon ..

    des idées?

    Il n’y a pas d’option pour cela, mais vous pouvez étendre l’object «walker» que WordPress utilise pour créer le menu HTML. Une seule méthode doit être remplacée: 

     class My_Walker_Nav_Menu extends Walker_Nav_Menu { function start_lvl(&$output, $depth) { $indent = str_repeat("\t", $depth); $output .= "\n$indent
      \n"; } }

    Ensuite, il vous suffit de passer une instance de votre walker en argument à wp_nav_menu comme wp_nav_menu : 

     'walker' => new My_Walker_Nav_Menu()

    remplacer la classe: 

     echo str_replace('sub-menu', 'menu menu_sub', wp_nav_menu( array( 'echo' => false, 'theme_location' => 'sidebar-menu', 'items_wrap' => '
      %3$s
    ' ) ) );

    Vous pouvez utiliser le filtre WordPress preg_replace (dans votre fichier functions.php de thème) exemple: 

     function new_submenu_class($menu) { $menu = preg_replace('/ class="sub-menu"/','/ class="yourclass" /',$menu); return $menu; } add_filter('wp_nav_menu','new_submenu_class');

    Voici une mise à jour de ce que Richard a fait en ajoutant un indicateur de “profondeur”. Le résultat est le niveau 0, le niveau 1, le niveau 2, etc. 

     class UL_Class_Walker extends Walker_Nav_Menu { function start_lvl(&$output, $depth) { $indent = str_repeat("\t", $depth); $output .= "\n$indent
      \n"; } }

    C’est une vieille question et je ne suis pas sûr que la solution que je vais mentionner soit disponible au moment où vous l’avez demandé, mais je pense que cela mérite d’être mentionné. Vous pouvez obtenir ce que vous voulez en ajoutant un filtre à nav_menu_submenu_css_class . Voir l’exemple ci-dessous – vous pouvez remplacer my-new-submenu-class par la ou les classe (s) souhaitée (s): 

     function my_nav_menu_submenu_css_class( $classes ) { $classes[] = 'my-new-submenu-class'; return $classes; } add_filter( 'nav_menu_submenu_css_class', 'my_nav_menu_submenu_css_class' );

    Comme cela a toujours été le cas, après avoir longtemps cherché quelque chose sur le site, une minute après avoir posté ici, j’ai trouvé ma solution.

    Il pensait que je le partagerais ici pour que quelqu’un d’autre puisse le trouver. 

     //Add "parent" class to pages with subpages, change submenu class name, add depth class class Prio_Walker extends Walker_Nav_Menu { function display_element( $element, &$children_elements, $max_depth, $depth=0, $args, &$output ){ $GLOBALS['dd_children'] = ( isset($children_elements[$element->ID]) )? 1:0; $GLOBALS['dd_depth'] = (int) $depth; parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output ); } function start_lvl(&$output, $depth) { $indent = str_repeat("\t", $depth); $output .= "\n$indent
      \n"; } } add_filter('nav_menu_css_class','add_parent_css',10,2); function add_parent_css($classes, $item){ global $dd_depth, $dd_children; $classes[] = 'depth'.$dd_depth; if($dd_children) $classes[] = 'parent'; return $classes; } //Add class to parent pages to show they have subpages (only for automatic wp_nav_menu) function add_parent_class( $css_class, $page, $depth, $args ) { if ( ! empty( $args['has_children'] ) ) $css_class[] = 'parent'; return $css_class; } add_filter( 'page_css_class', 'add_parent_class', 10, 4 );

    C’est là que j’ai trouvé la solution: Solution dans le forum de support WordPress

    J’ai dû changer:

    function start_lvl(&$output, $depth)

    à:

    function start_lvl( &$output, $depth = 0, $args = array() )

    Parce que je recevais une erreur d’incompatibilité:

    Ssortingct Standards: Declaration of My_Walker_Nav_Menu::start_lvl() should be compatible with Walker_Nav_Menu::start_lvl(&$output, $depth = 0, $args = Array)

    Cela peut vous être utile

    Comment append une classe parente pour un élément de menu 

     function wpdocs_add_menu_parent_class( $items ) { $parents = array(); // Collect menu items with parents. foreach ( $items as $item ) { if ( $item->menu_item_parent && $item->menu_item_parent > 0 ) { $parents[] = $item->menu_item_parent; } } // Add class. foreach ( $items as $item ) { if ( in_array( $item->ID, $parents ) ) { $item->classes[] = 'menu-parent-item'; } } return $items; } add_filter( 'wp_nav_menu_objects', 'wpdocs_add_menu_parent_class' ); /** * Add a parent CSS class for nav menu items. * @param array $items The menu items, sorted by each menu item's menu order. * @return array (maybe) modified parent CSS class. */

    Ajout de classes conditionnelles aux éléments de menu 

     function wpdocs_special_nav_class( $classes, $item ) { if ( is_single() && 'Blog' == $item->title ) { // Notice you can change the conditional from is_single() and $item->title $classes[] = "special-class"; } return $classes; } add_filter( 'nav_menu_css_class' , 'wpdocs_special_nav_class' , 10, 2 );

    Pour référence: cliquez moi

    Vous pouvez simplement utiliser un crochet 

     add_filter( 'nav_menu_submenu_css_class', 'some_function', 10, 3 ); function some_function( $classes, $args, $depth ){ foreach ( $classes as $key => $class ) { if ( $class == 'sub-menu' ) { $classes[ $key ] = 'my-sub-menu'; } } return $classes; }

    où 

     $classes(array) - The CSS classes that are applied to the menu 
       element. $args(stdClass) - An object of wp_nav_menu() arguments. $depth(int) - Depth of menu item. Used for padding.

    dans ce qui précède, j’ai besoin d’un petit changement que j’essaye de placer mais je ne suis pas capable de le faire, votre sortie ressemblera à ceci

    ce que je cherche

    dans ce qui précède, j’ai placé la classe parente dans le lien d’ancrage parent qui

    Je suggère de remplacer votre nom de classe css cutomclass par un sous-menu. utilisez find et replace: ie. find: .customclass replace avec .sub-menu, fonctionne pour moi.

    Pour changer le nom de classe par défaut “sous-menu”, il existe un moyen simple. Vous pouvez simplement le changer en fichier wordpress.

    emplacement: www / nom_projet / wp-includes / nav-menu-template.php.

    Ouvrez ce fichier et au numéro de ligne 49, modifiez le nom de la classe de sous-menu avec votre classe personnalisée.

    Ou vous pouvez également append votre classe personnalisée à côté du sous-menu.

    Terminé.

    Cela a fonctionné pour moi. J’ai utilisé wordpress-4.4.1.