it-swarm.com.de

Selektives Anhängen an Menüelemente

Ich mache dieses WordPress-Thema und muss ein Menü erstellen, das vertikal ist, dessen Untermenüs jedoch horizontal sind:

MenuItem
 SubmenuItem | SubmenuItem 
AnotherMenuItem
 SubmenuItem | SubmenuItem

Mit wp_nav_menu () und CSS kann ich diesen Effekt erzielen, aber ich habe keine Ahnung, wie das Pipe-Symbol zum Trennen der Untermenüelemente hinzugefügt werden soll.

wp_nav_menu(array(
            'container'=>false,
            'after'=> ' | ',
            'theme_location'=>'home-menu',
            'menu_id'=>'main_nav_left',
            'menu_class'=>'main_link',
        ));

ist nicht gut, wie sich herausstellen wird

MenuItem |
 SubmenuItem | SubmenuItem |

(Hinzufügen eines | nach jedem Element, was das dokumentierte Verhalten ist) Ich habe mich gefragt, ob es eine Möglichkeit gibt, das Pipe-Symbol selektiv so hinzuzufügen, dass es nur zwischen den Untermenüs und nicht nach irgendetwas anderem hinzugefügt wird. Laut WP -Dokumentation scheint es keine integrierte Methode zu geben, um dies zu unterstützen.

Was ist der beste Weg, um diesen Effekt zu erzielen (ohne den wp-Core-Code zu bearbeiten)?

1
jabbany

Dies ist ein weiterer Fall, in dem eine reine CSS-Definition funktioniert. Zum Beispiel:

#main_nav_left li:after {
    content: ' | ';
}
#main_nav_left li:last-child:after {
    content: '';
}
1
Chip Bennett