Springe zum Hauptinhalt

Wie automatisch das Menü auf Wordpress aktualisieren

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

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
 * Description: Plugin WordPress
 * Version: 1.0
 * Author: Herve
 * Author 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
 * Description: Plugin WordPress
 * Version: 1.0
 * Author: Herve
 * Author 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:

Erstellung von WordPress-Hierarchieseiten

Jetzt fangen wir an, den Code zum Plugin hinzuzufügen.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

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:

Beispiel WordPress-SiteDie 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:

automatisches WordPress-Menü

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 WordPress-Plugins verwenden, um ein modernes Erscheinungsbild zu erzielen 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 beliebteste Kontaktformular-Plugin in WordPress.

gravityformsSie können es für verwenden Erstellen Sie jede Art von Formular, wie ein Angebotsformular, Umfragen und mehr.

Download | 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.eForm WordPress Form Builder WordPress-Plugin

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.

Download | Demo | Web-Hosting

3. Mailster

Mailster ist ein benutzerfreundliches Premium-WordPress-Plugin, mit dem Sie einen Newsletter in Ihre Website integrieren können. Mit letzterem können Sie Ihre Kampagnen mühelos erstellen, senden und nachverfolgen.Mailster Email Newsletter Plugin für WordPress

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.

Download | Demo | Web-Hosting

Empfohlene Ressourcen

Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.

Fazit

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.

... 

Dieser Artikel enthält Kommentare 2

  1. Guten Tag,

    Danke für den Artikel

    Mein Problem ist, dass ich die Vorgehensweise im Abschnitt „Funktion zum Thema hinzufügen“ nicht wirklich verstehe. Soll ich die Datei „navigation-top.php“ direkt ändern? Soll ich es in meinem Child-Theme duplizieren? Soll ich den angegebenen Teil ändern und meiner Datei function.php 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

    1. 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.

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
19 Aktien
Aktie14
tweet3
Registrieren2