So erstellen Sie ein Theme-Navigationsmenü in WordPress (1)

Wie erstelle ich ein Theme-Navigationsmenü in WordPress? Der folgende Artikel stellt Ihnen verschiedene Methoden zur Erstellung eines WordPress-Theme-Navigationsmenüs vor. Ich hoffe, er wird Ihnen hilfreich sein!

Bei der WordPress-Theme-Erstellung ist die Erstellung des Navigationsmenüs ein wichtiger Punkt. Der HTML-Code des Navigationsmenüs wurde geschrieben. Dieser Artikel stellt Ihnen verschiedene Methoden zum Schreiben von PHP-Code zur dynamischen Implementierung der Navigation vor. Dieser Artikel konzentriert sich nur auf die Entwicklung von dynamischem Code und zeigt Ihnen nicht, wie Sie HTML, CSS und Javascript schreiben, um ein wunderschönes Navigationsmenü zu implementieren.

Erstellung eines benutzerdefinierten WP 3.0-Menüs

Versionen nach WordPress 3.0 beginnen, benutzerdefinierte dynamische Menüs zu unterstützen. Das sogenannte dynamische Menü ermöglicht es Benutzern, zu entscheiden, welche Elemente zum Navigationsmenü hinzugefügt werden sollen, und auf das WordPress-Management zuzugreifen. Backend – Erscheinungsbild – In der Menüspaltekönnen Sie Ihr eigenes Menü erstellen, indem Sie die entsprechende Spalte ziehen. Dies ist sowohl für WordPress-Theme-Entwickler als auch für Benutzer eine erfreuliche Sache. Um ein benutzerdefiniertes Menü zu implementieren, müssen Sie die Funktionwp_nav_menu()verwenden. Durch die Übergabe einiger Parameter an diese Funktion kann das benutzerdefinierte Menü ausgegeben werden.

Fügen Sie zunächst den folgenden Menüregistrierungscode zwischen in der Datei „functions.php“ im Theme-Verzeichnis ein, damit Sie die Funktion „wp_nav_menu“ in der Theme-Datei verwenden können:

// This theme uses wp_nav_menu() in one location. register_nav_menus();

Dann rufen wir wp_nav_menu() in der Navigationsleiste des Themes auf, um den HTML-Code des Navigationsmenüs auszugeben:

 'mymenu', 'depth' => 1) ); ?>

Der vom obigen Code ausgegebene HTML-Code hat die folgende Form:

 
 
首页
 
分类A
 ... 
 

Die hier aufgeführten li-Elemente sind für Sie haben eine Spalte inBackstage – Darstellung – Menühinzugefügt. Wenn Sie im Hintergrund kein Menü hinzugefügt haben, werden in der Navigationsleiste alle Seiten aufgelistet. Darüber hinaus fügt wp_nav_menu jedem Li eine Klasse hinzu. Wenn beispielsweise gerade eine Artikelseite geöffnet ist, istKategorie Adie Kategorie, zu der dieser Artikel gehörtLi befindet sich wie folgt: Durch das Hinzufügen dieser CSS-Attribute zur Klasse kann der Zweck erreicht werden, das aktuelle Navigationsmenü hervorzuheben, z. B. den aktuellen Menülink in Rot zu definieren:

分类A

Erstellung einer unkonventionellen Navigationsleiste

首页" target="_blank">
首页

.current-post-ancestor a, .current-menu-parent a, .current-menu-item a, .current_page_item a { color: red; }

Nach dem Login kopieren

Den Front-End-Code neu schreiben? Ich glaube nicht, dass irgendjemand dazu bereit ist. Was sollen wir also tun? Was passiert außerdem, wenn die Navigationsleiste keine Kategorien und Seiten verwendet und die Verwendung benutzerdefinierter Menüs nicht zulässt? In tatsächlichen Anwendungen werden wir auch auf verschiedene und seltsame Anforderungen stoßen. Wir werden dieses Problem in der nächsten Ausgabe weiter untersuchen!

Empfohlenes Lernen: „

WordPress-Tutorial

“