Fügen Sie dem Wordpress-Menü ein benutzerdefiniertes Markup hinzu

8

Ich habe schon lange nach einer Lösung für dieses Problem gesucht, aber nichts gefunden, also werdet ihr meine letzte Hoffnung sein!

Ich versuche ein neues CSS3-Menü auf einer Wordpress 3-Seite zu erstellen, an der ich gerade arbeite. Ich müsste die Standard-Menü-Mark-up erweitern, aber nicht sicher, wie.

Dies ist das Tag, das ich im Theme verwende, um das Menü im Moment auszugeben:

%Vor%

Im Moment sieht mein Standardmenü-Markup so aus:

%Vor%

Ich muss zwei Divs um jedes <ul class="sub-menu">...</ul> hinzufügen Also würde ich das Mark-up so aussehen müssen:

%Vor%

Weiß jemand, wie man das bitte macht?

    
Brigante 27.09.2010, 11:30
quelle

5 Antworten

5

Fügen Sie gemäß der Wordpress-Dokumentation Ссылка einfach einen Walker zum Menü hinzu:

%Vor%

Und dann fügen Sie in der Datei functions.php Ihres Themas folgenden Code hinzu:

%Vor%

Bedingt können wir den Wert von $ depth überprüfen, um eine benutzerdefinierte Markierung nur für die gewünschten Unterebenen auszugeben;

Weitere Informationen erhalten Sie unter Ссылка

    
Reza Mamun 04.01.2014 15:22
quelle
3

Das Menü-Markup wird in wp-includes / classes.php mit Walker class, speziell class Walker_Page extends Walker {

generiert

Wenn Sie durch die Funktionen in der Klasse schauen, können Sie sehen, wo das eigentliche Markup generiert wird.

Ссылка

    
scaryman 19.01.2011 14:32
quelle
3

Das könnte helfen:

Kombinieren Sie wp_nav_menu () mit einer benutzerdefinierten Walker-Klasse

Ссылка

Kombinieren Sie wp_get_nav_menu_items () mit der Funktion clean_custom_menus ()

Ссылка

    
stormwild 28.06.2012 04:07
quelle
2

Sie könnten einfach eine jQuery .wrap Funktion verwenden, wie

%Vor%

Vergessen Sie nicht, die richtige jQuery .js zu Ihrer Kopfzeile hinzuzufügen.

Sie sollten wahrscheinlich auch eine .ready () Funktion verwenden.

    
Beto Frega 30.09.2010 03:23
quelle
0

Sie wissen nicht genau, was Sie benötigen, aber hier finden Sie einen Hinweis zum Erstellen eines benutzerdefinierten WP-Menüs.

Suchen Sie in der Datenbank nach der Tabelle wp_posts. Hier befinden sich die Navigationsmenüpunkte.

Für benutzerdefiniertes CSS können Sie den CSS-Editor verwenden. Sie finden es unter CSS bearbeiten auf der Registerkarte Präsentation Ihres Dashboards. Es besteht aus einem leeren Bereich zum Tippen und zwei Schaltflächen. Sie können Live-Änderungen vornehmen und das Ergebnis sofort sehen.

Um ein benutzerdefiniertes Navigationsmenü anstelle des Standardmenüs Ihres Designs zu verwenden, muss die Unterstützung für diese Funktion in der Datei functions.php des Themes registriert werden.

Siehe: Ссылка UND Ссылка

    
Todd Moses 27.09.2010 14:58
quelle

Tags und Links