Wie erstellt man ein Dropdown-Menü in Joomla!
Dieses Tutorial behandelt die folgenden Themen:
Wenn Ihre Website-Struktur ein Untermenü erfordert, können Sie ein Dropdown-Menü für Ihre Joomla!-Website erstellen. In den neuesten Joomla!-Versionen können Sie Dropdown-Menüpunkte auf die gleiche Weise erstellen wie normale Menüpunkte. Der einzige Unterschied besteht darin, dass Sie während des Prozesses einen Hauptmenüpunkt auswählen.
Joomla! 4
Erstellen eines Joomla! Dropdown-Menüs
Rufen Sie Ihr Joomla!-Administrations-Dashboard auf und gehen Sie zu Menüs > Main Menu > Site-Menüeintrag hinzufügen.
Nun müssen Sie den Typ des Menüelements auswählen. In diesem Beispiel zeigen wir Ihnen, wie Sie einen einzelnen Joomla!-Artikel über das Dropdown-Menü öffnen können. Klicken Sie dazu auf Auswählen neben der Beschriftung Menüeintragstyp. Eine Liste mit den verfügbaren Menüpunkten wird angezeigt. Wählen Sie die Kategorie Beiträge und wählen Sie Einzelner Beitrag.
Nun müssen Sie den Artikel auswählen, auf den Sie verlinken möchten. Klicken Sie auf Auswählen neben dem Label Beitrag auswählen. Es wird eine Liste mit allen Ihren Artikeln angezeigt. Wählen Sie den Artikel aus, den Sie verlinken möchten, und klicken Sie auf dessen Titel.
Der nächste Schritt ist die Eingabe eines Titels für den Menüpunkt. Füllen Sie dazu das Feld neben dem Label Menütitel aus. In diesem Lernprogramm werden wir ein Untermenü mit dem Namen Produkte erstellen.
Suchen Sie die Beschriftung Übergeordnetes Eintrag und klicken Sie auf das Dropdown-Menü daneben. Wählen Sie nun das übergeordnete Menü für den neuen Menüpunkt, den wir erstellen. Wie bereits im ersten Absatz erwähnt, werden wir für dieses Tutorial einen bestehenden Menüpunkt “Home” als übergeordneten Menüpunkt wählen.
Klicken Sie schließlich oben links auf der Seite auf Speichern.
Das war’s! Sie können nun zum Frontend Ihrer Website navigieren und mit der Maus über das Home-Menü fahren. Sie werden feststellen, dass der neu erstellte Menüpunkt darunter angezeigt wird.
Ein leeres Hauptmenü erstellen
Oft braucht man kein übergeordnetes Menü, das eine bestimmte Seite lädt, sondern nur einen Container, um einige Menüpunkte zusammenzufassen. Joomla! hat keinen Standard-Menü-Typ für leere Menü-Elemente, aber glücklicherweise gibt es eine Lösung für dieses Problem. Sie müssen einen Hauptmenüpunkt erstellen, indem Sie die gleichen Schritte wie oben beschrieben ausführen, bis Sie den Menüeintragstyp wählen müssen. Dieses Mal müssen Sie anstelle von “Einzelner Artikel” Systemlinks > URL wählen.
Auf der nächsten Seite müssen Sie das Hashtag-Symbol – “#” – in das Link-Feld eingeben und das Menü speichern.
Das war’s. Sie können nun diesem Menüpunkt untergeordnete Elemente hinzufügen, wie im ersten Teil dieses Tutorials erklärt. Das Home-Menü selbst wird die URL nicht zu einer anderen Seite ändern, sondern nur seine Untermenüs anzeigen.
Joomla! 3
Erstellen eines Joomla! 3.x Dropdown-Menüs
Zuerst müssen Sie auf Ihre Joomla! 3 Verwaltungsbereich und gehen Sie zu Menüs > Hauptmenü > Neues Menüelement hinzufügen .
Jetzt müssen Sie den Menüeintragstyp auswählen. In diesem Beispiel zeigen wir Ihnen, wie Sie aus dem Dropdown-Menü einen einzelnen Joomla! 3.x Artikel. Um dies zu tun, klicken Sie auf Wählen neben dem Label Menüeintragstyp .
Eine Lightbox mit den verfügbaren Menüpunkten erscheint. Wählen Sie die Kategorie Artikel und wählen Sie Einzelartikel .
Jetzt müssen Sie den Artikel wählen, zu dem Sie einen Link erstellen möchten. Um dies zu tun, klicken Sie zuerst auf Auswählen neben dem Label Artikel auswählen .
Eine Lightbox mit allen Ihren Artikeln erscheint. Wählen Sie die zu verlinkende und klicken Sie auf den Titel.
Der nächste Schritt ist die Eingabe eines Titels für den Menüeintrag. Dazu füllen Sie das Feld neben dem Label Menütitel aus. In unserem Tutorial erstellen wir ein Untermenü mit dem Namen Tolles Menü .
Suchen Sie das Label Übergeordnetes Element und klicken Sie auf das Dropdown-Menü daneben. Wählen Sie nun das übergeordnete Menü für den neuen Menüpunkt, den wir erstellen. Wie im ersten Absatz erwähnt, wählen wir für dieses Tutorial einen bestehenden Start Menüeintrag als übergeordneten aus.
Schließlich klicken Sie oben links auf der Seite auf Speichern .
Das war’s! Sie können nun zum Front-End Ihrer Website navigieren und die Maus über das Home-Menü bewegen. Sie werden feststellen, dass der neu erstellte Menüpunkt darunter erscheint.
Ein leeres übergeordnetes Menü erstellen
Oft brauchen Sie kein übergeordnetes Menü, das eine bestimmte Seite lädt, sondern nur einen Container, um ein paar Menüpunkte zusammenzufassen. Joomla! 3 hat keinen Standardmenütyp für leere Menüelemente, aber glücklicherweise gibt es dafür eine Lösung. Grundsätzlich müssen Sie ein Hauptmenüelement erstellen, indem Sie die gleichen oben beschriebenen Schritte befolgen, bis Sie den Menüeintragstyp wählen müssen. Diesmal anstelle eines “Einzelartikels”, müssen Sie System Links > URL .
Auf der nächsten Seite müssen Sie das Hashtag-Symbol- “#” im Link Feld ausfüllen und dieses Menü speichern.
Das ist es, Sie können nun untergeordnete Elemente zu diesem Menüpunkt hinzufügen, wie im ersten Teil dieses Tutorials erklärt. Das Home Menü selbst ändert die URL nicht auf eine andere Seite, sondern zeigt nur deren Untermenüs.