WordPress & Webwork

WordPress: Nicht anklickbare Eltern im Navigationsmenü erstellen

Wie erstellt man ein Menü mit nicht anklickbaren Elternelementen? Ganz ohne Arbeit im Code oder sogar mit Plugins, nur mit der Menüfunktion von WordPress!

WordPress: Nicht anklickbares Elternelement

WordPress: Nicht anklickbares Elternelement

Eine gut strukturierte Website mit Hilfe von WordPress zu erstellen geht mittlerweile recht fix. Auch Menüs mit unterschiedlichen Ebenen sind kein Problem.

Standardmäßig ist es jedoch so, dass für alle Seiten Inhalte erwartet werden, d. h. es funktioniert nicht Unterseiten zu erstellen ohne auch eine Elternseite mit Inhalt anzulegen.

Als Beispiel wäre zum Beispiel eine Elternseite mit dem Namen "Das Team" denkbar, die selber keinen Inhalt hat. Die einzelnen Autoren erhalten dann jeweils eine Kindseite. Hier ein einfaches Beispiel:

  • Das Team
    • Vladimir Simovic
    • Thordis Bonfranchi-Simovic

Eine Elternseite mit Inhalt ist hier aber nicht gewünscht und so muss man sich eine "Ausweichlösung" überlegen.

Weiterleitung im Code des Seiten-Template oder per Plugin

Eine Lösung für Nutzer, die sich die Arbeit im Code zutrauen hat Vladimir beschrieben.

Dabei wird eine Weiterleitung auf die erste Unterseite eingerichtet. Alternativ dazu kann man auch auf diverse Plugins zurückgreifen. Auch mit Hilfe des Plugins wpSEO kann man solche Weiterleitungen einrichten.

Nachteile

Beide beschriebenen Lösungen haben aber einen Nachteil, dem Besucher der Seite wird vorgegeben, wo er "landet". Und es gibt diese Elternseite bzw. sie ist anklick-, wenn auch nicht, aufrufbar. Es handelt sich also nicht um Nicht anklickbare Eltern im Navigationsmenü.

Es gibt aber eine dritte Lösung, die (falls es das eingesetzte Theme zulässt) meiner Meinung nach die Eleganteste ist. Dabei wird keine Elternseite erstellt und es erfolgt auch keine Weiterleitung.

Menüpunkt ohne Seite

Wenn man einen Elternpunkt "generieren" möchte, der nicht anklickbar, weil nicht vorhanden bzw. verlinkt, ist, dann ist der schönste Weg, diesen über ein eigenes Menü zu erstellen.

Dafür ergänzt man sein Menü mit einem Link!

WordPress-Menü: Ein Link ohne gültige URL erstellen

WordPress-Menü: Ein Link ohne gültige URL erstellen

Dabei muss man darauf achten, dass die URL zunächst auch einen "Inhalt" hat, da WordPress die URL sonst nicht dem Menü hinzufügt.

Damit der Punkt aber nicht anklick- bzw. auswählbar ist, muss man die URL später entfernen.

WordPress-Menü: URL des Links entfernen

WordPress-Menü: URL des Links entfernen

Beim Einfügen einer Raute (#) bzw. eines Gartenzauns als URL, wird der Titel verlinkt. Man sollte also wirklich darauf achten, dass keinerlei Zeichen für die URL eingetragen sind.

Fügt man dieses Menü nun auf seiner Seite ein, so ist die Elternseite nicht direkt auswählbar. Fährt man mit der Maus darüber werden aber die Kind- bzw. Unterseiten ausgeklappt.

Nachtrag vom 19. August 2016: Vladimir hat aktuell dazu ein Screencast erstellt:

33 Reaktion(en)

  1. Alois

    Ja Klasse! Ich verwende das Theme TwentyEleven und hatte das Problem, dass man vom Smartphone aus die Unterseiten nicht sauber anwählen konnte. Meist öffnete sich nur die Elternseite, ärgerlich. Dort musste ich deshalb Links zu den Unterseiten platzieren als Workaround. Das hat nun ein Ende!!!

    Vielen, vielen Dank!

    Alois

  2. Pingback: Wordpress Tip: Menüpunkt erster Ebene ohne Inhalt UND Link

  3. Sirpa

    Hallo Vladimir,

    das ist mal ein interessanten Beitrag:-) Deinen Vorschlage kenne ich bereits, jedoch nicht den von wpSEO obwohl ich das das Tool schon lange nutze 😉 Muss ich mir mal genauer anschauen.

    Was ich an o.g. Lösung nicht so toll finde ist daß der Leser, wenn er dann z.B. "Vladimir" anklickt, auf der URL http://www.domain.de/vladimir landet und nicht auf http://www.domain.de/team/vladimir.

    Da die meisten Seiten heute oft ohne breadcrumb arbeiten, wir beide ja offensichtlich auch ;.) würde es mich interessieren wie du oder die anderen das sehen?

    Ich persönlich bin der Meinung, daß der Leser anhand der URL schon erkennen sollte wo er sich befindet.

    Bei einem Kunden habe ich dem Fall dann eine Seite angelegt, und ohne Link in der Navbar eingefügt. Das ist natürlich weniger optimal, für SEO und so.

    Liebe Grüße
    Sirpa

  4. Pingback: WordPress-Newsletter Nr. 179 und 180 » perun.net

  5. Arnd

    Lustig, für zwei Kundenprojekte bin ich auf genau die selbe Lösung gekommen. (http://kosmetik-im-townhouse.de/, http://kurdologie.de/)

    Ich frage mich nur: Wir nutzen da eine Inkonsistenz aus. WP akzeptiert erst keine Menüeinträge ohne Link, aber merkt nicht, wenn der Link hinterher wieder entfernt wird. Sobald das bei WP jemand merkt, geht es plötzlich vielleicht nicht mehr.

    Ich hoffe sehr, WP erlaubt das bald offiziell – für Tablets ist das ja erforderlich.

  6. Pingback: Pink Soda » WordPress // Menupunkt nicht klickbar machen

  7. Anna

    Hallo, wenn ich ein neues Menü anlege, erscheint bei Seiten immer „keine Elemente“. Ich habe 5 Seiten vorbereitet, sie aber noch nicht veröffentlicht, weil ich erst die Positionen sortieren möchte. Oder geht das nur mit veröffentlichten Seiten?

  8. Joe

    Klappt ja wirklich gut, nur habe ich dann ja keine "Eltern"-Seiten mehr, um eine Struktur für die Sitemap der Seiten aufzubauen.
    Also wenn ich z.B. eine neue Seite anlege, kann ich meine übergeordnete "nicht anklickbare Elternseite" in den Attributen / Eltern / Hauptseite nicht auswählen… ist ja auch logisch, die gibt es ja nicht.
    Nur bekomme ich dann keine Sitemap hin (jedenfalls keine mit Struktur) und kann auch Plugins wie CMS Tree Page View nicht wirklich einsetzen.

    ist das so black & white oder gibt es da einen machbaren Kompromiss?

    Gruß, Joe

  9. rouven

    Hallo,
    habe es mit der letzten Variante versucht. Hat auch erst funtioniert,aber einen Tag später war der Menüpunt wieder anwählbar. Die Mausanzeige wird zwar nicht zur Hand wie bei anderen aktiven Menüpunkten. Trotzdem kann man darauf klicken und bekommt dann eine Fehlermeldung( natürlich kein Link vorhanden). Kennt ihr evtl dieses Problem ? Wie kann ich es lösen ?

    Vielen Dank im Voraus

  10. Jarek

    Ich sitze gerade an einem Projekt und genau dieses Problem habe ich auch zur Zeit. Per Javascript habe ich es unterbunden, dass die übergeordneten Menüpunkte auszuführen sind. Beim Klick klappen die übergeordneten Menüpunkte lediglich auf. Soweit so gut 🙂
    Ich finde eure Lösungen sehr gut, zumindestens wenn ich die Seite selber pflegen würde. Leider kann ich meinem Kunden eure Lösungen nicht zumuten. Könnte man hier die Seiten nicht einfach per Taxonomien erweitern um diese zu Kategorisieren? Die Kategorien bekommen dann die Benennung und hierarchische Struktur der Menüpunkte, sodass beim anlegen eines neuen übergeordneten Menüpunktes keine Seite genommen wird, sondern die Kategorie wie z.B. Team.
    Für Sitemaps, Google und Co. werden dann sinnvolle Archivseiten von WordPress erzeugt.

    Soviel zu meinen Überlegungen. Kann mir jemand sagen ob man das so umsetzen könnte?

    beste Grüße
    Jarek

  11. Lars

    Hallo,
    den Tipp kannte ich schon und verwende ihn schon Erfolgreich. Was mir nur vor kurzem Aufgefallen ist, beim Besuch meiner Seite mit einem iPad mini konnte ich den Reiter nicht öffnen. Das mini hat noch die Desktop-Variante angezeigt, aber beim Berühren passiert gar nichts. Erst wenn ich wieder ein "htt://www" einfüge geht der Reiter auf, aber halt auch der Link. Bin gerade etwas Ratlos. Am Laptop mit Maus funktioniert alles Wunderbar. Nur mit iPad mini nicht. Kann jetzt aber auch nicht sagen ob es am iPad liegt oder generell an Tablets.
    Bin für Lösungen offen!

  12. Pingback: WordPress & Webwork: Top-15-Artikel in 2016 auf perun.net » perun.net

Schreibe einen Kommentar

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