Als wir kürzlich an einem benutzerdefinierten Designprojekt arbeiteten, stellten wir fest, dass den Elementen im WordPress-Navigationsmenü ein benutzerdefinierter Stil hinzugefügt werden muss. Dieses spezielle Design erforderte einen anderen Stil für den ersten oder den letzten Menüpunkt. Jetzt können wir einfach auf den WordPress-Administrator zugreifen und dem ersten oder letzten Menüpunkt eine benutzerdefinierte CSS-Klasse hinzufügen. Porém, da wir isso an einen Kunden liefern, é muito provável, dass ele die Möglichkeit hat, zwei Menüs neu zu organisieren oder nicht in der Zukunft. Verwenden Sie diese Option, um Verwaltungsklassen oder die effizienteste Methode hinzuzufügen. Also haben wir uns entschlossen, Isso mit Filtern zu fazer. In diesem Artikel zeigen wir Ihnen, wie Sie Ihren ersten und letzten Menüpunkt in WordPress auf andere Weise erstellen und eine CSS-Klasse .first und .last hinzufügen.
Sie müssen alle die Datei theme oder functions.php öffnen. Em folgte, Cole oder Ensinte Code:
função wpb_first_and_last_menu_class ($ itens) {
$ itens (1) -> classes () = ‘primeiro’;
$ items (count ($ items)) -> classes () = ‘last’;
$ itens zurückgeben;
}}
add_filter (‘wp_nav_menu_objects’, ‘wpb_first_and_last_menu_class’);
Eine andere Möglichkeit, einen anderen Menüpunkt auf andere Weise zu projizieren oder zu erstellen, besteht darin, CSS-Selektoren zu verwenden, die in den meisten zwei modernen Browsern funktionieren.
ul # yourmenuid> li: primeiro filho {}
ul # yourmenuid> li: last filho {}
Hinweis: Da Sie viele Benutzer in alten Browsern (Internet Explorer) haben, möchten Sie wahrscheinlich die folgende Technik vermeiden.
Wir hoffen, dass dieser Artikel gesammelt wurde. Wir haben eine Folica von Dicas als CSS-Padrão-Geradas-Haar-WordPress erstellt, die auch als Menüelemente verwendet oder projiziert werden können.
