PHP/Wordpress - hinzufügen Pfeile zu übergeordneten Menüs

Question

ist es möglich, eine Art von Klasse wie 'Pfeil' oder eine Spanne innerhalb der Menüs hinzufügen, die Untermenüs (in Wordpress) haben? es scheint, dass Sie dies tun können, ist mit Javascript, aber ich möchte wissen, ob es eine PHP-Lösung ist ...

in WP 3.0, sah ich, dass aktive Menüs die "Eltern" oder "Vorfahren" -Klassen auf ihnen haben , aber das ist nur für aktives Menü, und ich brauche es auch für inaktive

Answer 1

Diese Funktionalität sollte wirklich im WordPress-Kern sein!
Wie auch immer, ich habe mir die Menüvorlagenquelle angesehen, die Sie in einem Kommentar zu der anderen Antwort gesendet haben, und habe eine (eher hacky) Methode gefunden, eine Klasse zu Menüeinträgen mit Kindern hinzuzufügen. Es untergliedert den Standard-Walker grundsätzlich, um das Standardverhalten zu erweitern. Es ist wahrscheinlich am besten, wenn Sie es in die functions.php Ihres Themas einfügen. Hier ist der Code:

<?php 
class Arrow_Walker_Nav_Menu extends Walker_Nav_Menu { 
    function display_element($element, &$children_elements, $max_depth, $depth=0, $args, &$output) { 
     $id_field = $this->db_fields['id']; 
     if (!empty($children_elements[$element->$id_field])) { 
      $element->classes[] = 'arrow'; //enter any classname you like here! 
     } 
     Walker_Nav_Menu::display_element($element, $children_elements, $max_depth, $depth, $args, $output); 
    } 
} 
?> 

es zu nennen, werden Sie das walker Argument hinzufügen müssen, wenn Sie wp_nav_menu() in Ihrem Thema nennen, etwa so:

<?php 
wp_nav_menu(array('walker' => new Arrow_Walker_Nav_Menu, [other arguments...])) 
?> 

Hoffnung, die für Sie arbeitet! Ich habe es nur oberflächlich getestet, aber es scheint zu funktionieren. Lassen Sie mich wissen, ob es Randfälle gibt, bei denen das Hinzufügen der Klasse fehlschlägt.

Answer 2

Ich kenne keine native WordPress-Unterstützung dafür, aber Sie könnten es leicht mit einigen jQuery tun.

<script type="text/javascript"> 
$("#menu-id ul li:has(ul)").addClass("parent"); 
</script> 

Answer 3

Die einfache und bescheidene Art und Weise die Klasseneltern zum Hauptmenü hinzufügen, wenn es

Untermenü hat

und der Stil ist

<style type="text/css"> 
     .main-navigation .parent > a, .main-navigation .parent > a:hover { 
      background-image: url("images/arrow.png"); 
      background-position: right center; 
      background-repeat: no-repeat; 
    } 

    </style> 

Answer 4

Wenn Sie wie ich und möchte hinzufügen ein HTML-Pfeil in einem Bereich zu Ihrem übergeordneten Menüelement, fügen Sie eine Zeile wie folgt in Donald Harvey's Kunden Walker-Klasse hinzu:

Sie können diesen HTML-Code auch direkt zur Menübezeichnung auf der WP admin> Menüseite hinzufügen, aber das ist keine gute Möglichkeit.

gebloggt ich ein wenig über diese hier http://cameronnokes.com/blog/adding-an-icon-to

Answer 5

Ich weiß nicht, was Frage ist, aber wir können durch css wie dieser Pfeil im Menü hinzufügen:

.menu li > a:after { 
    color: #fff; 
    content: ' ▾'; 
} 

.menu li > a:only-child:after { 
    content: ''; 
} 

Answer 6

Gerade diese Paste in Ihrem css Code und es wird wie erwartet funktionieren.

.nav-menu li > a:after { 
    color: #888; 
    content: ' ▾'; 
} 

.nav-menu li > a:hover:after { 
    color: #444; 
    content: ' ▾'; 
} 

.nav-menu li > a:only-child:after { 
    content: ''; 
} 

^{Ps. Vergessen Sie nicht, Ihre Seite UTF-8}