Wie man Menüs in WordPress mit bedingter Logik versieht (Schritt für Schritt)

Manchmal möchten Sie vielleicht, dass verschiedene Menüpunkte auf verschiedenen Seiten in WordPress erscheinen. Oder Sie möchten ein spezielles Menü nur für angemeldete Benutzer.

Standardmäßig zeigt WordPress überall in Ihrem Theme das gleiche Menü an. Dieser Einheitsansatz ist nicht immer ideal.

In diesem Artikel zeigen wir Ihnen, wie Sie Ihren Menüs bedingte Logik hinzufügen können. Auf diese Weise können Sie individuell anpassen, was Besucher basierend auf bestimmten Bedingungen sehen.

Warum sollte man Menüs in WordPress mit bedingter Logik versehen?

Navigationsmenüs strukturieren Ihre WordPress-Website und helfen den Besuchern, das zu finden, was sie suchen. Standardmäßig wird auf Ihrer WordPress-Website für alle Benutzer und auf allen Beiträgen und Seiten das gleiche Navigationsmenü angezeigt.

Es kann jedoch vorkommen, dass Sie für verschiedene Benutzer oder auf verschiedenen Seiten Ihrer Website unterschiedliche Menüs anzeigen möchten.

Websites wie ein Online-Shop, eine WordPress-Community für Mitglieder oder eine Online-Lernplattform können alle von personalisierten Navigationsmenüs profitieren.

Mit Hilfe der bedingten Logik können Sie zusätzliche Menüpunkte für angemeldete Benutzer hinzufügen, damit diese ihre Konten verwalten, ihre Abonnements verlängern oder die von ihnen erworbenen Online-Kurse anzeigen können. Stellen Sie sich das als WordPress-Menüzugriffskontrolle vor.

In diesem Sinne zeigen wir Ihnen, wie Sie WordPress-Menüs mit bedingter Logik versehen können. Hier sind die Themen, die wir in diesem Tutorial behandeln werden:

Sind Sie bereit? Dann fangen wir an.

Neue Navigationsmenüs in WordPress erstellen

Der erste Schritt besteht darin, die zusätzlichen Navigationsmenüs zu erstellen, die Sie in WordPress anzeigen möchten. Danach können Sie mit bedingter Logik entscheiden, wann die einzelnen Menüs angezeigt werden sollen.

Im Folgenden zeigen wir Ihnen, wie Sie in WordPress bedingte Menüs sowohl für klassische Editoren als auch für Block-Editoren hinzufügen können.

Erstellen neuer Navigationsmenüs in WordPress mit dem klassischen Editor

Diese Methode funktioniert für Benutzer von klassischen Themes.

Um neue Navigationsmenüs zu erstellen, gehen Sie einfach auf die Seite Design “ Menüs im WordPress-Dashboard. Wenn Sie bereits ein Navigationsmenü haben, das Sie auf Ihrer Website für alle Benutzer verwenden, dann kann dies Ihr Standard-Menü sein.

Als Nächstes müssen Sie auf den Link „Ein neues Menü erstellen“ klicken, um einen neuen Menüpunkt zu erstellen. Sie könnten zum Beispiel ein Menü erstellen, das angemeldeten Benutzern angezeigt wird, und ein anderes, das auf einer bestimmten WordPress-Seite oder Kategorie angezeigt wird.

Auf der linken Seite des Bildschirms sehen Sie eine Liste der Seiten Ihrer Website. Markieren Sie einfach das Kästchen neben der Seite, die Sie Ihrem Menü hinzufügen möchten, und klicken Sie auf die Schaltfläche „Zum Menü hinzufügen“.

Sie können auch die Menüpunkte auf der rechten Seite des Bildschirms ziehen und ablegen, um sie neu anzuordnen.

Weiter unten auf der Seite können Sie eine Position wählen, an der Ihr Menü angezeigt werden soll. Sie brauchen diesem Menü jetzt aber noch keine Position zuzuweisen. Das werden wir im nächsten Schritt tun.

Vergessen Sie nicht, auf die Schaltfläche „Menü speichern“ zu klicken, um Ihre Änderungen zu speichern.

Weitere Details zum Erstellen von Menüs finden Sie in unserem Leitfaden für Anfänger zum Hinzufügen eines Navigationsmenüs in WordPress.

Neue Navigationsmenüs in WordPress mit FSE erstellen

Um neue Navigationsmenüs in einem Block-Theme mit Full Site Editing (FSE) zu erstellen, müssen Sie zunächst von Ihrem WordPress-Dashboard aus zu Design “ Editor navigieren.

Sobald Sie sich darin befinden, können Sie auf den Tab „Navigation“ klicken, um ihn zu erweitern. Falls Sie sich wundern, wir verwenden das Twenty-Twenty Three Theme für diesen Leitfaden.

Als Nächstes klicken wir auf „Bearbeiten“ neben der Bezeichnung „Navigation“. Dadurch wird der vollständige Website-Editor auf Ihrer Ansicht geöffnet.

Von hier aus müssen Sie nur noch auf das „+“-Symbol klicken, um einen Eintrag im Navigationsmenü hinzuzufügen. Sie sehen dann eine Aufforderung mit einem Dropdown-Menü, in dem Sie eine Option auswählen können.

Ausführlichere Anweisungen finden Sie in unserer Anleitung zum Hinzufügen eines Navigationsmenüs in WordPress.

Angemeldeten Benutzern in WordPress ein anderes Menü anzeigen

Es ist oft sinnvoll, den Nutzern unterschiedliche Navigationsmenüs anzuzeigen, je nachdem, ob sie sich auf Ihrer Website angemeldet haben oder nicht.

Sie können zum Beispiel Anmelde- und Registrierungslinks für angemeldete Benutzer einfügen und einen Link zur Abmeldung in Ihr Menü für angemeldete Benutzer einfügen.

Wenn Sie ein WooCommerce-Geschäft betreiben, können Sie Artikel für Ihre Kunden einfügen, die für die Allgemeinheit nicht sichtbar sind.

Angemeldeten Benutzern, die den klassischen Editor verwenden, wird ein anderes Menü angezeigt

Um loszulegen, müssen Sie das Plugin “ Conditional Menus“ installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress Plugins.

Nach der Aktivierung navigieren Sie zu Design “ Menüs und wechseln Sie zum Tab „Positionen verwalten“.

Von hier aus sehen Sie die Liste der verfügbaren Menüpositionen und die derzeit angezeigten Menüs. Diese variieren je nach dem WordPress-Theme, das Sie verwenden.

Auf unserer Demo-Website wird zum Beispiel an der Position „Primäres Menü“ ein Navigationsmenü mit dem Titel „Hauptmenü“ angezeigt.

Wir können das Plugin anweisen, ein anderes Menü anzuzeigen, wenn eine bestimmte Bedingung erfüllt ist, indem wir auf den Link ‚+ Bedingtes Menü‘ klicken und ein anderes Menü aus dem Dropdown-Menü auswählen.

Für dieses Tutorial wählen wir ‚Angemeldetes Menü‘.

Als nächstes müssen Sie auf den Link „+ Bedingungen“ klicken.

Daraufhin erscheint ein Popup-Fenster, in dem Sie eine Reihe von Bedingungen zur Auswahl haben.

Aktivieren Sie einfach das Kontrollkästchen neben der Option „Eingeloggter Benutzer“, und klicken Sie dann auf die Schaltfläche „Speichern“.

Sie können nun Ihre Website besuchen, um das Menü des angemeldeten Benutzers in Aktion zu sehen. Sie können sich von Ihrer Website abmelden, um das Navigationsmenü zu sehen, das allen anderen Benutzern angezeigt wird.

Ausführlichere Anweisungen und eine Anleitung zur Verwendung von Code finden Sie in unserer Anleitung zur Anzeige verschiedener Menüs für angemeldete Benutzer in WordPress.

Angemeldeten Benutzern mit FSE ein anderes Menü anzeigen

Wenn Sie ein Block-Theme verwenden, dann brauchen Sie das Plugin Conditional Blocks. Installieren und aktivieren wir also zuerst das Plugin. Wenn Sie Hilfe benötigen, lesen Sie unsere Anleitung zur Installation eines WordPress Plugins.

Nach der Aktivierung können Sie die FSE-Funktion öffnen, indem Sie zu Design “ Editor navigieren . Dann klicken Sie auf „Vorlagen“ und dann auf „Alle Template-Teile“.

Sie sollten nun alle Teile Ihres Templates sehen, zu denen auch Footer, Header und Kommentare gehören können. Klicken Sie auf die drei Punkte im Abschnitt „Header“ und wählen Sie dann „Bearbeiten“.

Dadurch werden Sie zum Block-Editor weitergeleitet.

Nun müssen Sie auf das Navigationsmenü klicken, dem Sie Bedingungen hinzufügen möchten. Danach wechseln Sie einfach zum Tab „Block“ auf der rechten Seite, um mit der individuellen Anpassung zu beginnen.

Wenn Sie auf dem Tab „Block“ nach unten blättern, sehen Sie den Abschnitt „Bedingte Blöcke“. Klicken Sie einfach darauf, um die Optionen für die individuelle Anpassung zu öffnen.

Klicken Sie dann auf den Button „Sichtbarkeit bearbeiten“.

Es erscheint ein Pop-up-Fenster, in dem Sie die Bedingungen für das von Ihnen gewählte Navigationsmenü festlegen können.

Hier können Sie das Dropdown-Menü „BEDINGUNGEN“ öffnen und die Option „Angemeldeter Benutzer“ auswählen.

Schließen Sie das Fenster einfach, indem Sie auf den Button „X“ in der oberen rechten Ecke klicken.

Sie sollten dann sehen, dass dem Abschnitt „Bedingte Blöcke“ eine Bedingung hinzugefügt wurde. Klicken Sie auf „Speichern“, um Ihre Navigationsmenüs zu aktualisieren.

Wenn Sie nun Ihre Website besuchen, sieht es für abgemeldete und angemeldete Benutzer folgendermaßen aus:

Anzeige eines anderen WordPress-Menüs je nach Benutzerrolle

Sobald sich ein Benutzer angemeldet hat, können Sie auch ein anderes Navigationsmenü anzeigen, je nachdem, welche Benutzerrolle Sie ihm zugewiesen haben.

So könnten Sie beispielsweise zusätzliche Menüpunkte für einen Administrator und eingeschränktere Punkte für einen Mitwirkenden einfügen. Auf einer Website mit Mitgliedschaft können Sie den verschiedenen Mitgliedsstufen unterschiedliche Zugriffsrechte gewähren.

Anzeigen eines anderen WordPress-Menüs je nach Rolle des Benutzers mit dem klassischen Editor

Wie im vorherigen Abschnitt müssen Sie das Plugin für bedingte Menüs installieren und aktivieren.

Anschließend können Sie auf der Seite Design “ Menüs auf den Tab „Positionen verwalten“ wechseln.

Sie sollten das entsprechende bedingte Menü für die von Ihnen gewählte Rolle des Benutzers hinzufügen. Für dieses Lernprogramm wählen wir das Menü „Nav Menu Administrator“.

Danach können Sie auf den Link ‚+ Bedingungen‘ klicken, um die Rolle des Benutzers zu wählen.

Klicken Sie auf den Tab „Benutzerrollen“, um die Kontrollkästchen für jede Benutzerrolle auf Ihrer Website anzuzeigen. Klicken Sie einfach auf die Benutzerrollen, für die dieses Menü angezeigt wird, und klicken Sie dann auf den Button „Speichern“, um Ihre Änderungen zu speichern.

Anzeige eines anderen WordPress-Menüs je nach Rolle des Benutzers mit FSE

Um je nach Rolle des Benutzers in FSE ein anderes Menü anzuzeigen, verwenden Sie das Content Control Plugin. Wenn Sie Hilfe bei der Installation und Aktivierung des Plugins benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress Plugins.

Nach der Aktivierung können Sie zu Design “ Editor “ Vorlagen “ Alle Template-Teile navigieren. Klicken Sie dann einfach auf die drei Punkte im Abschnitt „Header“ und wählen Sie dann „Bearbeiten“.

Im Editor können Sie ein Navigationsmenü auswählen, dem Sie Bedingungen hinzufügen können.

Zum Beispiel wollen wir unsere Seite „Blog“ nur für unsere Abonnenten zugänglich machen. Wir klicken also auf „Blog“, um die Optionen für die individuelle Anpassung zu öffnen.

Wechseln Sie nun zum rechten Bedienfeld und aktivieren Sie den Schalter „Steuerelemente aktivieren“ im Abschnitt „Steuerelemente blockieren“.

Anschließend müssen Sie zum Abschnitt „Benutzerregeln“ blättern, um die Bedingungen festzulegen.

Öffnen Sie zunächst das Dropdown-Menü ‚WER KANN DIESEN INHALT SEHEN‘ und wählen Sie ‚Angemeldeter Benutzer‘.

In der Dropdown-Liste „BENUTZER-ROLLE“ können Sie dann „Passend“ wählen. Und unter „AUSGEWÄHLTE ROLLE“ wählen wir „Abonnent“.

Wenn Sie fertig sind, können Sie auf den Button „Speichern“ klicken.

Ein anderes Menü für verschiedene Seiten in WordPress anzeigen

Sie können für verschiedene Seiten in WordPress ein anderes Menü anzeigen. So können Sie beispielsweise auf Ihrer Seite mit den Datenschutzrichtlinien zusätzliche Menüpunkte anzeigen, etwa einen Link zu Ihrem Cookie-Hinweis.

Anzeigen eines anderen Menüs für verschiedene Seiten in WordPress mit dem klassischen Editor

Dazu müssen Sie das Plugin für bedingte Menüs installieren und aktivieren. Dann navigieren Sie zu Design “ Menüs „ Positionen verwalten.

Nachdem Sie das entsprechende Navigationsmenü ausgewählt haben, können Sie auf den Link „+ Bedingungen“ klicken. Diesmal sollten Sie auf den Tab ‚Seiten‘ klicken. Sie werden eine Liste aller Seiten Ihrer Website sehen.

Setzen Sie dann ein Häkchen neben jede Seite, auf der Sie das Navigationsmenü anzeigen möchten. Klicken Sie anschließend auf den Button „Speichern“.

Ein anderes Menü für verschiedene Seiten in WordPress mit FSE anzeigen

Benutzer von Block-Themes können das Plugin “ Block Visibility“ verwenden. Wenn Sie Hilfe bei der Installation benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress Plugins.

Nach der Aktivierung navigieren wir zu Design “ Editor “ Vorlagen “ Alle Template-Teile. Nachdem Sie den Editor für die Header geöffnet haben, können Sie zum Abschnitt „Sichtbarkeit“ wechseln.

Von hier aus können Sie das Dropdown-Menü öffnen und „URL-Pfad“ auswählen.

Anschließend können Sie den URL-Pfad der Seite mit der Datenschutzerklärung in den Bereich „URL PATH (CONTAIN)“ eintragen.

Ein URL-Pfad ist der Teil einer Webadresse, der hinter dem Hauptnamen der Website steht und eine bestimmte Seite oder ein bestimmtes Element anzeigt.

In der Adresse https://example.com/about zum Beispiel ist der Teil /about der URL-Pfad.

Wenn Sie den URL-Pfad Ihrer Seite zur Datenschutzerklärung nicht kennen, können Sie zu Seiten “ Alle Seiten gehen. Suchen Sie dann die Seite mit den Datenschutzrichtlinien und fahren Sie mit dem Mauszeigerkontakt über sie.

Klicken Sie einfach auf den Button ‚Quick Edit‘, um den Abschnitt ‚Titelform‘ zu sehen. Der URL-Pfad sollte aus dem Symbol „/“ bestehen, gefolgt von der Titelform der Seite.

Oder besuchen Sie einfach die Seite und fügen Sie den Teil nach dem Domainnamen ein.

Das war’s! Klicken Sie nun auf „Speichern“, um die Änderungen zu speichern.

Ausblenden des Navigationsmenüs auf Landing Pages in WordPress

Es kann Seiten auf Ihrer Website geben, auf denen Sie überhaupt kein Navigationsmenü anzeigen möchten, wie z. B. Ihre Landing Pages.

Eine Landing Page dient dazu, den Umsatz zu steigern oder Leads für ein Unternehmen zu generieren. Auf diesen Seiten sollten Sie Ablenkungen minimieren und den Benutzern alle Informationen zur Verfügung stellen, die sie benötigen, um eine bestimmte Aktion durchzuführen.

In unserem Leitfaden zur Steigerung der Konversionsrate Ihrer Landing Page um 300 % schlagen wir vor, die Ablenkung zu minimieren, indem Sie Navigationsmenüs und andere Links von der Seite entfernen.

Ausblenden des Navigationsmenüs auf Landing Pages in WordPress unter Verwendung des klassischen Editors

Das können Sie mit dem Plugin für bedingte Menüs tun. Diesmal wählen Sie „Menü deaktivieren“ aus dem Dropdown-Menü, wenn Sie das bedingte Menü auswählen.

Als Nächstes klicken wir auf den Link ‚+ Bedingungen‘, um festzulegen, wann das Menü angezeigt werden soll.

Klicken Sie auf den Tab ‚Seiten‘ und setzen Sie ein Häkchen neben den Punkt ‚Meine Landing Page‘.

Vergessen Sie nicht, auf den Button „Speichern“ zu klicken, um Ihre Einstellungen zu speichern und zu übernehmen.

Ausblenden des Navigationsmenüs auf Landing Pages in WordPress mit FSE

Für Benutzer von Block-Themes können Sie das Plugin “ Block Visibility“ verwenden, aber dieses Mal geben Sie den URL-Pfad in das Feld „URL Path (Does Not Contain)“ ein.

Installieren und aktivieren wir also das Plugin. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress Plugins.

Nach der Aktivierung können Sie zu Design “ Editor “ Vorlagen “ Alle Template-Teile gehen. Im Editor für die Header finden wir den Abschnitt „Sichtbarkeit“.

Hier können Sie „URL-Pfad“ wählen und den Pfad Ihrer Landing Page in das Feld „URL-Pfad (enthält nicht)“ eingeben.

Klicken Sie anschließend einfach auf den Button „Speichern“.

Mehr tun mit WordPress Navigationsmenüs

Navigationsmenüs sind leistungsstarke Werkzeuge für das Webdesign. Sie ermöglichen es Ihnen, Benutzer zu den wichtigsten Abschnitten Ihrer Website zu leiten.

Da Sie nun auf verschiedenen Seiten und für verschiedene Benutzer unterschiedliche Navigationsmenüs anzeigen, fragen Sie sich vielleicht, wie Sie diese weiter anpassen können.

Um die Funktionalität Ihrer Navigationsmenüs zu verbessern, sollten Sie sich diese Tutorials ansehen. Sie werden Ihnen helfen, Ihre WordPress Website auf die nächste Stufe zu bringen:

• Hinzufügen individueller Elemente zu bestimmten WordPress-Menüs
• Hinzufügen individueller Navigationsmenüs in WordPress Themes
• Wie man in WordPress ein responsives Vollbildmenü einfügt
• Wie man ein vertikales Navigationsmenü in WordPress erstellt
• So fügen Sie Ihrer WordPress Website ein Mega-Menü hinzu
• Wie man WordPress Navigations-Menüs gestaltet

Wir hoffen, dass dieses Tutorial Ihnen geholfen hat, zu lernen, wie man Menüs in WordPress mit bedingter Logik versieht. Als Nächstes möchten Sie vielleicht erfahren , wie Sie im WordPress-Menü Titel hinzufügen können, ohne auf eine Seite zu verlinken, oder wie Sie Breadcrumb-Navigation-Links in WordPress anzeigen können.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.