5.3 Das Menü aufbauen 

Obwohl der Status sämtlicher Sektionen automatisch auf Published gesetzt wurde, wird man sie momentan noch nirgends im Frontend finden. Uns fehlt noch die Verlinkung mit einem Menü.

Wir werden also zunächst das Menü aufbauen und anschließend unsere Kategorien mit Inhalten füllen. Prinzipiell ist es für eine gute Navigation wichtig, möglichst aussagekräftige Menü-Überschriften zu verwenden und das Gedächtnis des Users nicht durch die Anzahl der Punkte zu überfordern. Gleichzeitig gilt es ein ausgewogenes Verhältnis zur Tiefe der Menüstruktur zu erreichen. Wir sollten unsere Informationen also nicht zu tief vergraben, da die Navigation sonst unübersichtlich wird und der User zu viele Klicks benötigt, um an die gewünschte Stelle zu gelangen.

5.3.1 Der Menu Manager 

Werfen wir einen Blick auf den Menu Manager (Abbildung 5.12) im Control Panel. Das Template gibt vier verschiedene Menüs vor:

mainmenu

othermenu

topmenu

usermenu

In der Spalte Menu Name finden wir die Bezeichnung der Menüs, wie sie auch im Code auftauchen. Ihre Namen müssen einzigartig sein, um eventuelle Konflikte mit anderen Modulen zu vermeiden.

Über die Menu Items gelangt man zu Elementen des jeweiligen Menüs. Bei #Published können wir sehen, dass es momentan nur im »mainmenu« einen Eintrag gibt. Ansonsten sind auch bei den anderen Menüs weder unveröffentlichte noch gelöschte Objekte vorhanden.

Schauen wir uns kurz den Eintrag im »mainmenu« an. Klicken Sie dazu einfach das Icon bei Menu Item an. In der neuen Ansicht des Menu Managers sehen Sie nun eine Liste der Objekte. Momentan ist das nur der Standardeintrag »Home« (Abbildung 5.13).

Die Bedeutung der nachfolgenden Spalten ist Ihnen bereits aus anderen Managern, wie dem Category Manager, bekannt. Einzig die Spalte Type ist in diesem Zusammenhang neu. Sie gibt an, um was es sich bei dem Menüeintrag tatsächlich handelt, wie es im Frontend dargestellt wird und welche Funktion es hat.

5.3.2 Einen Menüpunkt erstellen 

Um einen neuen Menüpunkt zu erstellen, klicken Sie in der Toolbar den Button New an. Es erscheint ein neues Fenster (Abbildung 5.14), in dem Sie den Type, also die Art Ihres Menüpunkts, bestimmen können. Man bekommt fünf Hauptbereiche zur Auswahl gestellt:

Content

Miscellaneous

Submit

Components

Links

Eigentlich handelt es sich tatsächlich nur um vier Hauptbereiche, da der Punkt Submit-Content unter Submit bereits bei Content auftaucht.

Der Bereich Content wird unterteilt in Blogs, Links, Submit und Tables. Inhalte, die als Blogs dargestellt werden, erscheinen im Frontend als Liste von Einträgen. Bei der Auswahl der Kategorien oder Sektionen können Sie dementsprechend auch mehrere Elemente gleichzeitig in Ihren Blog aufnehmen (Abbildung 5.15). Halten Sie dafür die (Strg)-Taste gedrückt, und wählen Sie gleichzeitig mit der Maus die gewünschten Positionen aus.

Besprechen wir zunächst einmal die Eingabemöglichkeiten des Bereichs Details. Danach folgt eine Auflistung der Eingabefelder und Parameter zu den verschiedenen Menüelementen. Die Eingabemöglichkeiten bei den Details sind mehr oder weniger bei allen Menu Items identisch. Wir werden sie daher nur einmal erwähnen und bei den anderen Items lediglich die jeweiligen Besonderheiten herauspicken.

Unser erster Eintrag im Feld Name bestimmt ganz einfach den Namen des Menüpunkts. Danach können wir im Feld Categories aus einer Liste unserer Kategorien die gewünschte Auswahl treffen. Wie bereits erwähnt, haben Sie die Möglichkeit, bei Blogs eine Mehrfachauswahl zu treffen (Abbildung 5.15). Im Feld Url sehen Sie nach dem Abspeichern des Menu Items die entsprechende Adresse des Menüpunkts. Über den Punkt Parent Item bestimmen wir, auf welcher Ebene sich der Menüeintrag befinden soll.

Möchten wir, dass sich der Eintrag auf dem gleichen Level wie die Hauptmenüpunkte befindet, so benötigen wir die Einstellung »Top«. Die Funktion Ordering legt die Reihenfolge der Menüelemente fest. Mit dem nächsten wichtigen Punkt (Access Level) bestimmen wir, welche User Zugriff auf das Item haben sollen. Zu guter Letzt entscheiden wir noch mit Published, ob das Item gleich veröffentlicht werden soll oder ob das erst zu einem späteren Zeitpunkt passieren soll.

Bevor wir uns die verschiedenen Parameter anschauen, gehen wir noch kurz auf die Bedeutung des Parent Item ein. Denn hier finden wir die Möglichkeit, unser Menü, wie bereits angesprochen, hierarchisch zu gliedern. An dieser Stelle können wir aus der gewohnten Joomla!-Strukturierung ausbrechen und z.  B. Sektionen anderen Sektionen unterordnen. Aber beachten Sie, dass sich diese Möglichkeit nur auf die Darstellung bezieht und nicht auf die tatsächliche Organisation der Inhalte. Dort bleibt die Struktur Sektion – Kategorie – Inhaltselement bestehen. Hier im Menü dagegen können wir z.  B. der Sektion »Person« die Sektion »Kontakt« unterordnen. Wir werden dieses Beispiel kurz demonstrieren.

Im Menu Manager erstellen wir zunächst über den Button New das Menu Item »Person«. Dazu wählen wir die Table – Content Section aus und klicken auf den Button Next. Nun können wir den Namen für den Menüpunkt eingeben (»Person«) und die entsprechende Sektion »Person« aus der Liste auswählen. Parent Item soll in diesem Fall »Top« sein. Vergessen Sie nicht, die Einstellungen über den Button Save zu speichern. Nun wiederholen wir den ganzen Vorgang, wählen aber für Name »Kontakt« und entsprechend für die Sektion »Kontakt« aus. Bei Parent Item müssen wir nun unbedingt die Sektion »Meine Person« angeben! Dann können Sie das Menu Item abspeichern. Im Frontend erscheint nun der Hauptmenüpunkt »Person« mit dem Untermenüpunkt »Kontakt« (vgl. Abbildung 5.16). Weitere Details zum Verhalten von hierarchischen Menüs finden Sie in Abschnitt 7.1.4, Die Menüs.

5.3.3 Arten von Menüpunkten 

Kommen wir jetzt zum Bereich der Parameter und fahren wir mit dem Menu Item Blog – Content Category fort:

Links erstellen eine direkte Verbindung zu einem Inhaltselement oder einer statischen Inhaltsseite. Sie müssen lediglich das Inhaltselement auswählen und können bestimmen, ob sich beim Anklicken ein neues Fenster öffnen soll. Betrachten wir also Link – Content Item als Nächstes:

Der Eintrag Submit-Content öffnet im Frontend ein neues Fenster, über das berechtigte Autoren der Website neue Inhalte hinzufügen können. Die entsprechende Sektion wird vorher bei den Parametern des Submit-Content bestimmt.

Über die Option Table können Sie Inhalte aus Sektionen oder Kategorien verlinken und in einer Tabelle darstellen lassen. Diese Form der Darstellung werden wir uns später anhand eines Beispiels genauer anschauen, zunächst gehen wir aber auf die restlichen Menüeinträge ein. Beginnen wir mit Table – Content Category:

Die nächste Hauptgruppe, Miscellaneous, bietet uns zwei Menüelemente. Etwas unspektakulär, aber praktisch ist der Separator. Dieser »Platzhalter« fügt im Menü einen leeren Bereich ein und ermöglicht es Ihnen, unterschiedliche Bereiche visuell voneinander abzugrenzen. Bestimmen Sie die gewünschte Zeichenfolge, z.  B. »=======«, die als Trennlinie dienen soll, oder geben Sie den Namen eines Menüpunkts an, der zunächst als Platzhalter dargestellt werden soll.

Mit dem Wrapper können Sie externe Webseiten in Form eines Iframes in Joomla! einbinden.

So ist es also möglich, bei den Parametern eines Wrappers auch Scrollbars ein- und auszuschalten oder die Höhe und Breite dieses eingebetteten Frames zu bestimmen.

Die Components unterscheiden sich etwas von den anderen Gruppen, da es sich bei ihnen um Kernelemente von Joomla! handelt. Sie haben die Wahl zwischen sieben verschiedenen, festen Joomla!-Komponenten, die, abhängig vom Template, im Inhaltsbereich des Frontends angezeigt werden:

Contacts

Frontpage

Login

News Feed

Polls

Search

Web Links

Je nachdem, für welches Element Sie sich entscheiden, erscheinen in der rechten Spalte die entsprechenden Parameter. Betrachten wir z.  B. den Punkt Contacts etwas genauer (Abbildung 5.17).

Dank dieser Komponente ist es Ihnen möglich, mit wenigen Schritten z.  B. ein Suchformular oder einen Login zu erstellen. Über das Hauptmenü können Sie sämtliche Details der einzelnen Komponenten im Punkt Components verwalten. Auf die einzelnen Komponenten gehen wir jedoch erst in Kapitel 7.3, Komponenten, ein.

Neben den Komponenten bietet der Bereich Components auch noch Direktverlinkungen zu bestehenden Komponenten, Kategorien oder Newsfeeds an.

Außerdem finden wir hier auch das bereits bekannte Element Table. Sie können die Inhalte verschiedener Kategorien (Kontakt, Newsfeed oder Weblink) in einer Tabelle darstellen.

Der letzte Hauptbereich, Links, vereint im Prinzip die vorhandenen Link-Elemente aus den anderen Bereichen, um durch die separate Anordnung eine bessere Übersicht zu ermöglichen. Einzig der Link – Url ist tatsächlich neu. Dabei handelt es sich um eine einfache Verlinkung auf eine externe Internetseite.

5.3.4 Indirekte Erstellung von Menüpunkten 

Sie haben nun die wichtigsten Details zur Erstellung von Menüpunkten kennen gelernt und sind mit den unterschiedlichen Parametern vertraut. Wir zeigen Ihnen nun einen zweiten, schnelleren Weg, über den Sie zunächst nur einen einfachen Menüeintrag erstellen. Seine Parameter können Sie anpassen, nachdem er bereits publiziert wurde.

Rufen Sie dazu über das Control Panel oder über das Menü den Section Manager auf. Wählen Sie aus der Liste eine Sektion aus, die im Menü erscheinen soll (vgl. Abbildung 5.8). In unserem Beispiel wird das gleich die erste Sektion sein: »… ich stelle mich vor (Person)«. Klicken Sie den Sektionsnamen an, oder haken Sie das Kästchen vor dem Namen ab, und wählen Sie Edit aus der Toolbox. Sie befinden sich nun im Bearbeitungsmodus der Sektion. Die Section Details kennen Sie bereits aus Kapitel 5.2.1, Struktur durch Sektionen. Auf der rechten Seite sehen Sie jetzt noch die Bereiche Link to Menu und Existing Menu Links (Abbildung 5.18).

Wählen Sie nun aus dem Fenster Select a Menu das Menü aus, in dem Ihre Sektion aufgeführt werden soll (z.  B. mainmenu). Im zweiten Schritt entscheiden Sie über den Typ des Menüpunkts. Die Auswahl ist hier deutlich eingeschränkter als im Menu Manager. Sie können sich zwischen Section List, Section Blog oder Section Archive Blog entscheiden.

Wir nehmen die Section List und geben dem Menü-Element anschließend noch einen Namen. Dann benennen Sie es genau wie die Sektion »… ich stelle mich vor« und klicken anschließend auf den Button Link to Menu.

Sie haben jetzt einen Link im Hauptmenü erstellt und können nun die Parameter über die Zusammenfassung im Existing Menu Links-Bereich editieren. Klicken Sie dazu direkt auf den Titel des Links »… ich stelle mich vor«. Sie gelangen in die bereits bekannte Ansicht aus dem Menu Manager Edit Menu Item List – Content Section.

Bei einzelnen Kategorien können Sie genauso vorgehen. Öffnen Sie die entsprechende Kategorie über den Category Manager. Wählen Sie ein Menü aus, und vergeben Sie einen geeigneten Namen. Auch hier haben Sie wieder drei Möglichkeiten, den Typ des Menüpunkts zu bestimmen:

Die Unterschiede bei der Darstellung im Frontend zeigen wir Ihnen am Ende von Kapitel 6, Inhalte erstellen und verändern. Das ist natürlich erst dann sinnvoll, wenn es bereits Inhalte gibt, die eine unterschiedliche Darstellung ermöglichen.