Als das Navigationsmenüsystem mit WordPress 3.0 veröffentlicht wurde, war dies einer der Faktoren, die WordPress von einer Blogging-Plattform in ein leistungsstarkes CMS verwandelten.
Dies bedeutete, dass Sie den Navigationsmenüs Ihrer Website beliebigen Inhalt hinzufügen konnten, einschließlich benutzerdefinierter Links. Die "Drag & Drop" -Schnittstelle bedeutete, dass jeder sein eigenes benutzerdefiniertes Menü ohne Programmierkenntnisse erstellen konnte.
Aber manchmal möchte man sich nicht darauf verlassen. Wenn Sie eine Website für einen Kunden entwickeln, der seiner Website Seiten hinzufügen möchte, ist es unwahrscheinlich, dass er die Navigationsmenüs aktualisiert, wenn er über die erforderlichen Kenntnisse verfügt oder nicht. .
Hier bietet sich also ein automatisiertes Navigationsmenü an.
In diesem Tutorial werde ich Ihnen zeigen, wie Sie ein automatisiertes Navigationsmenü erstellen, das alle Seiten Ihrer Website sowie die untergeordneten Seiten anzeigt, die als Einträge der zweiten Ebene im Navigationsmenü angezeigt werden.
Sie können diesen Code dann zum Seitenkopf, zur Seitenleiste oder zur Fußzeile Ihres Themas hinzufügen, wenn Sie möchten. Dadurch werden den Links Ihrer Benutzer angezeigt, die automatisch aktualisiert werden, wenn Neue Inhalte werden Ihrer Website hinzugefügt.
Falls Sie WordPress noch nie installiert haben, entdecken Sie es Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren
Dann zurück zu warum wir hier sind.
Folgendes benötigen Sie, um die WordPress-Navigationsmenüs zu automatisieren:
- Eine WordPress-Entwicklungs- oder Testinstallation mit einigen Seiten und Unterseiten
- Ein Code-Editor.
Einstellcode
Ich werde diesen Code einem Plugin hinzufügen, damit er dauerhaft ist, auch wenn ich das WordPress-Theme ändere. Auf diese Weise kann ich die Funktion meines Plugins in mein Thema einfügen, um das gewünschte Navigationsmenü hinzuzufügen. Wenn Ihr WordPress-Theme " Haken Sie können einen oder mehrere verwenden, um diesen Code einzufügen.
Siehe auch unsere Liste von 10 WordPress-Plugins zum Erstellen eines Countdowns
Wenn Sie mit einem WordPress-Design eines Drittanbieters arbeiten, das keine Hooks enthält, müssen Sie dem Thema Code hinzufügen. Codieren Sie es nicht direkt in das Thema. Erstellen Sie stattdessen ein untergeordnetes Thema und fügen Sie Ihren Code hinzu. Erstellen Sie einfach ein Duplikat der Themenvorlagendatei aus dem Hauptthema, das Sie bearbeiten möchten, fügen Sie es Ihrem untergeordneten Thema hinzu und bearbeiten Sie es.
erste Schritt
Der erste Schritt ist das Erstellen des Plugins. Ich erstelle einen Ordner in " wp-content/plugins ". Durch das Erstellen eines Ordners kann ich dem Plugin in Zukunft weitere Dateien hinzufügen, z. B. ein Stylesheet oder Dateien einschließen.
Zuerst müssen Sie den Anmeldecode für Ihr Plugin in den Kommentaren hinzufügen, um WordPress mitzuteilen, was es ist:
<?php
/**
*Plugin-Name: Plugin
* Plugin-URI: http://blogpascher.com
* Beschreibung: WordPress-Plugin
* Version: 1.0
* Autor: Herve
* Autoren-URI: http://blogpascher.com
*
*/
Aktivieren Sie nun Ihr Plugin.
Wenn Sie dann ein untergeordnetes Thema verwenden, konfigurieren Sie es. Ich verwende das untergeordnete Thema aus dem Thema Twenty Seventeen - hier ist mein Stylesheet:
<?php
/**
*Plugin-Name: Plugin
* Plugin-URI: http://blogpascher.com
* Beschreibung: WordPress-Plugin
* Version: 1.0
* Autor: Herve
* Autoren-URI: http://blogpascher.com
*
*/
@import url( " ../twentyseventeen/style.css" );
Wenn Ihre Website noch keine Seiten enthält, fügen Sie einige hinzu. Sie müssen auf mehreren Ebenen strukturiert sein. So sehen meine gefälschten Seiten aus:
Jetzt fangen wir an, den Code zum Plugin hinzuzufügen.
Erstellen Sie eine Funktion, um alle Seiten hierarchisch aufzulisten
Wir werden die Funktion nutzen « wp_list_pages () Um alle Seiten abzurufen und mit Links aufzulisten. Aber zuerst müssen wir einige Argumente dafür definieren. Erstellen Sie zunächst Ihre Funktion und fügen Sie die folgenden Argumente hinzu:
wpmu_list_pages () {wpmu_list_pages () {$ args = array ('depth' => 2); }}
Die Argumente sind sehr einfach - es gibt nur eines für die Ebene der Seiten, die wir tun möchten. Die Einstellung "2" bedeutet, dass die Seiten der obersten Ebene und ihre Unterseiten angezeigt werden, jedoch nicht mehr.
Entdecken Sie die 5 Verbindung häufige Fehler und ihre Lösungen auf Wordpress
Fügen wir nun nach den Argumenten die Funktion "wp_list_pages ()" hinzu:
wp_list_pages ($ args);
Hier ist die komplette Funktion:
wpmu_list_pages () {wpmu_list_pages () {$ args = array ('depth' => 2); wp_list_pages ($ args); }}
Hinzufügen der Funktion zum Thema
Im Moment zeigt die Funktion nichts auf meiner Website. Um dies zu ändern, müssen wir dem untergeordneten Thema eine Kopie des Hauptthema-Headers hinzufügen und diese bearbeiten.
Siehe auch: So schützen Sie Ihre WordPress-Arbeit auf Client-Websites
Kopieren Sie zunächst Ihre Header-Datei in Ihr untergeordnetes Thema und öffnen Sie sie. In Twenty Seventeen finden Sie den Navigationsmenücode in " Vorlagen-Teile / Navigation / Navigation-top.php Das heißt, ich muss eine Kopie dieser Datei an derselben Stelle in meinem untergeordneten Thema hinzufügen.
Entdecken Sie, um weiter zu gehen Wie ein Wordpress-Theme installieren Kind
In Ihrem Thema kann dies die Datei sein header.php das muss kopiert werden.
Abhängig von Ihrem Thema ist der Menücode unterschiedlich. In dem von mir verwendeten ist dies der Code, den ich ersetzen muss:
'top', 'menu_id' => 'top-menu',)); ?>
Ändern Sie den Code Ihres Navigationsmenüs, um eine neue Funktion hinzuzufügen, wobei der vorhandene Code in einer "else {}" - Deklaration enthalten ist:
'top', 'menu_id' => 'top-menu',)); }?>
Bedingte Anweisungen sind wichtig: Zunächst wird geprüft, ob die Funktion, die Sie Ihrem Plugin hinzugefügt haben, vorhanden ist (wenn das Plugin aktiviert ist) und wenn ja, führt es die Funktion daraus aus. Ansonsten funktioniert es normal.
Siehe auch unseren Leitfaden auf Wie Anzeigenblöcke auf Wordpress anzuzeigen
Schauen wir uns jetzt meine Website an:
Die Links werden angezeigt, es gibt jedoch einige Probleme. Ich möchte nicht, dass "Seiten" oben angezeigt werden (Dies ist die Standardeinstellung für die Funktion wp_list_pages () ) und ich möchte die Seiten effizienter bestellen. Sie werden sehen, dass sich die Homepage in der Mitte der Liste befindet, was nicht ideal ist.
Funktion verbessern
Kehren wir zum Plugin-Code zurück und passen ihn an, um diese Probleme zu beheben.
Suchen Sie die Argumente, für die Sie bereits definiert haben wp_list_pages ():
$ args = array ('Tiefe' => 2);
Und editiere es:
$ args = array ($ args = array ('Tiefe' => 2, 'title_li' => ' '. __ ('Menü', 'bpc'). ' ',' sort_column '=>' menu-order ');
Dies fügt zwei zusätzliche Argumente hinzu:
- Das Markup vor der Liste, in der jetzt steht " MENÜ Anstelle von Seiten ".
- Die Reihenfolge, in der die Seiten angezeigt werden.
Sie müssen zu den Bearbeitungsbildschirmen Ihrer Seiten zurückkehren und die Reihenfolge der Seiten für jede Seite definieren. Setzen Sie Ihre Homepage auf den Wert "0" und andere Seiten der obersten Ebene sind höher als diese.
Lesen Sie auch unseren Leitfaden auf : So laden Sie nach und nach Facebook- und Disqus-Kommentare
Wenn Sie nun das Menü anzeigen, sieht es folgendermaßen aus:
Sie können auch die Menüreihenfolge der Seiten der zweiten Ebene ändern. Dies wird niemals über Seiten der obersten Ebene angezeigt, sodass Sie für jeden Satz von Unterseiten bei 0 oder 1 beginnen können.
Entdecken Sie auch einige Premium-WordPress-Plugins
Sie können andere verwenden Wordpress-Plugins um ein modernes Erscheinungsbild zu geben und die Verbindung zu Ihrem Blog oder Ihrer Website zu optimieren.
Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.
1. Gravity Forms
Als Geschäftsinhaber sollte es Ihre Priorität sein, Ihren Kunden die Kontaktaufnahme mit Ihnen zu ermöglichen. Gravity Forms ist das Plugin von Kontaktformular die beliebtesten auf WordPress.
Sie können es für verwenden Erstellen Sie jede Art von Formular, wie ein Angebotsformular, Umfragen und mehr.
Herunterladen | Demo | Web-Hosting
2. eForm
eForm ist ein fortschrittlicher und flexibler Form Builder, der in eine vorhandene WordPress-Website integriert werden kann. Es ist eine vollständige Formularverwaltungslösung. Dies betrifft unter anderem Quiz, Umfragen, Datenerfassung, Zahlungsschätzung und Benutzerkommentare.
Mit einem solchen Formulardesigner können Sie Formulare auf unbegrenzte Weise entwerfen und über Ihr Dashboard verwalten. Alle Anfragen werden in Ihrer Datenbank gespeichert. Sie können die von Ihnen gespeicherten Daten anzeigen, verfolgen, analysieren und bearbeiten.
Lesen Sie auch unseren Artikel über Wie Content-Marketing wirkt sich auf die SEO von Ihrem Blog
Darüber hinaus können registrierte Benutzer über ein Benutzerportal ihre Anforderungen überprüfen und verfolgen.
Herunterladen | Demo | Web-Hosting
3. Mailster
Mailster ist ein WordPress Plugin einfach zu bedienendes Premium, das Ihnen hilft, einen Newsletter in Ihre Website zu integrieren. Mit letzterem können Sie Ihre Kampagnen ohne allzu großen Aufwand erstellen, versenden und verfolgen.
Die Hauptfunktionen sind: die Möglichkeit, offene E-Mails, Klicks, Abonnements und Absprungraten zu verfolgen, die Ausrichtung auf Ihre Kampagnen, Kampagnenverwaltung und -planung, Unterstützung für 6 Arten von Auto-Respondern, unbegrenzte Erstellung Anmeldeformulare, eine benutzerfreundliche Oberfläche, Anpassung des Hintergrunds, Unterstützung für mehrsprachigeUnd vieles mehr.
Herunterladen | Demo | Web-Hosting
Empfohlene Ressourcen
Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.
- 8 WordPress-Plugins zum Erstellen eines Megamenüs in Ihrem Blog
- So zeigen Sie aktuelle Artikel in WordPress an
- So erstellen Sie eine Diashow mit Slider Revolution unter WordPress
- Wie Anzeigenblöcke auf Wordpress anzuzeigen
Zusammenfassung
Hier ist ! Das ist alles für dieses Tutorial. Ich hoffe, Sie können damit automatisch Seiten zu Ihren Menüs hinzufügen. Wenn Sie in diesem Bereich Bedenken oder Vorschläge haben, wenden Sie sich an uns den zu diskutierenden Kommentarbereich.
Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.
Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.
...
Guten Tag,
Danke für den Artikel
Mein Problem ist, dass ich die Vorgehensweise im Teil "Hinzufügen der Funktion zum Thema" nicht wirklich verstehe. Muss ich die Datei "navigation-top.php" direkt ändern? Soll ich es in meinem untergeordneten Thema duplizieren? Sollte ich den angegebenen Teil ändern und zu meiner function.php-Datei hinzufügen?
Oder eine andere Lösung x)
Vielen Dank, dass Sie mir den Punkt klargestellt haben
PS: Der GitHub Link bringt uns zu einem leeren Verzeichnis
Guten Abend, es geht in der Tat darum, die Datei im untergeordneten Thema zu duplizieren. WordPress kümmert sich um den Rest. Weil es versucht zu überprüfen, ob die Datei im untergeordneten Thema vorhanden ist, und daher die übergeordnete Themendatei lädt, wenn sie nicht vorhanden ist.