neues menue

Lassen Sie uns ein Menü mit dem wunderschönen Namen Joomla! 1.5 Buch und einen Menüeintrag mit einem Link zu http://www.joomla.org/, der in einem neuen Fenster aufgeht, erzeugen. Es soll unterhalb des Main Menus auf der linken Seite positioniert werden.

Rufen Sie Menüs – Menüs – Neu auf und geben Sie im Feld Menütyp den internen Namen des Menüs ein. Achten Sie auf einen aussagekräftigen Namen ohne Leerzeichen. Im Feld Titel geben Sie den Namen ein, der später auf der Website erscheinen wird. Das Menü besteht aus dem internen, eigentlichen Menü, dem Sie Menülinks hinzufügen können, und einem korrespondierenden Modul, das dann positioniert werden kann (Abbildung 7.21).

Abbildung 7.21: Site – Menu Manager – Neu

Menütyp: Das ist der Name, der von Joomla! im Code genutzt wird. Hier dürfen Sie keine Leerzeichen verwenden. Ich nehme joomla_buch. Dieser Name taucht nicht auf der Website auf, er dient nur dazu, zwischen Modul und Menü eine Verbindung herzustellen.

Titel: Der Name des Menüs. Ich wähle Joomla! 1.5 Buch(mit Leerzeichen).

Beschreibung: Eine Beschreibung des Menüs. Die Beschreibung taucht nur intern im Backend auf, beispielsweise in den Listenanzeigen.

Modultitel: Der Name des Moduls. Ich wähle ebenfalls Joomla! 1.5 Buch.

Abbildung 7.22: Neues Menü im Menu Manager

Nach einem Klick auf Speichern erzeugt Joomla! ein neues Modul mit den angegebenen Parametern. Sie landen wieder in der Menüübersicht und sehen ein neues Menü noch ohne Menüeinträge (Abbildung 22). Das neue Menü taucht auch bereits im Menü Menü auf.

Wenn Sie auf das Bleistift-Icon rechts neben dem Link Joomla! 1.5 Buch klicken, landen Sie in der Übersichtsmaske für die Inhalte des Menüs Joomla! 1.5 Buch (Abbildung 7.23).

Abbildung 7.23: Menüeinträge – Joomla! 1.5 Buch

Da noch keine Inhalte vorhanden sind, klicken Sie auf das Icon Neu. In der dann erscheinenden Auswahlmaske können Sie den Menüeintragstyp aus vielen verschiedenen Bereichen wählen (Abbildung 7.24). Da wir noch ziemlich am Anfang unserer Joomla!-Kenntnisse stehen, wollen wir einen einfachen externen Link auf joomla.org einfügen.

Abbildung 7.24: Menu Manager – Menüeintragstyp wählen

Klicken Sie dazu auf den Link Externer Link. Es öffnet sich die entsprechende Bearbeitungsmaske (Abbildung 7.25).

Abbildung 7.25: Menülink bearbeiten

Das Formular, das sich öffnet, kennen Sie bereits. Hier können Sie die Details und die Parameter des Links festlegen.

Titel: Name des Links, der im Menü erscheint (Joomla! Projekt Website)

Übergeordneter Eintrag: Da das der erste Eintrag ist, gibt es noch keine Elternelemente.

Alias: Name der Kurz-URL (joomla-project)

Link: Der Link zur Seite (http://www.joomla.org)

Anzeigen in: Natürlich in unserem neuen Menü Joomla! 1.5 Buch

Freigegeben: Soll das Menü veröffentlicht werden? (Ja)

Reihenfolge: Da das der erste Eintrag ist, gibt es noch keine Sortierung. Grundsätzlich werden neue Einträge ans Ende des Menüs gestellt. Nach dem ersten Speichern kann die Reihenfolge verändert werden.

Zugriffsebene: Soll der Menüeintrag für die Gruppen Öffentlich (Besucher), Registriert oder Special sichtbar sein?

Bei Klick öffnen in: Was soll passieren, wenn jemand auf den Link klickt? Soll das Ziel im gleichen Browserfenster, einem neuen Browserfenster mit Navigation oder einem neuen Browserfenster ohne Navigation ausgeführt werden?

Wenn Sie auf Anwenden klicken, werden Ihre Daten gespeichert. Bei einem Klick auf Speichern werden die Daten gespeichert, und der Dialog wird verlassen.

Jetzt haben Sie das Menü erstellt und mit einem Link versehen. Bevor es allerdings im Frontend angezeigt wird, müssen Sie das ebenfalls neu entstandene Modul noch veröffentlichen. Klicken Sie im Menü Erweiterungen – Module (Abbildung 7.26) und dort auf den rote Kreuz in der Spalte aktiviert. Mithilfe der grünen Dreiecke können Sie das neue Menü unter das Hauptmenü positionieren.

Abbildung 7.26: Erweiterungen – Module – Site

Wenn Sie nun Ihre Website aufrufen, sollte dort Ihr neues Menü Joomla! 1.5 Buch stehen (Abbildung 7.27).

Abbildung 7.27: Neues Menü Joomla! 1.5 Buch

Leider sieht Ihr Menü anders aus als das Hauptmenü darüber. Der blaue Rahmen fehlt. Diese Verhaltensweise ist in der CSS-Datei des Templates festgelegt und kann natürlich auch verändert werden. Dazu muss das Modul eine bestimmte CSS-Klasse aufrufen. In diesem Fall heißt die Klasse, mit der unser Menü angezeigt wird, module. Sie können das durch einen Blick in den HTML-Quellcode der Website nachprüfen (siehe Listing 7.1).

<div class="module">
  <div>
    <div>
      <div>
        <h3>Joomla! 1.5 Buch</h3>
        <ul class="menu">
          <li class="item54">
            <a href="http://www.joomla.org" target="_blank">
            <span>Joomla! Projekt Website</span>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div> 

Listing 7.1: Quellcode des neuen Menüs 

Das Hauptmenü dagegen spricht die Klasse module_menu an (siehe Listing 2).

<div class="module_menu">
 <div>
   <div>
     <div>
       <h3>Hauptmenü</h3>
       <ul class="menu">
         <li id="current" class="active item1">
           <a href="http://localhost/joomla150/">
             <span>Startseite</span>
           </a>
         </li>

         ... weitere Links ...

        </ul>
      </div>
    </div>
  </div>
</div>

Listing 2: Quellcode Hauptmenü

In der Modulbearbeitung können Sie nun einstellen, dass das neue Menü auch diese Klasse anspricht. Klicken Sie auf Erweiterungen  Module  Joomla! 1.5 Buch. Im Feld Modul- Klassen-Suffix geben Sie einfach den fehlenden Text ein – _menu (Abbildung 7.28).

Abbildung 7.28: Änderung der CSS-Klasse

Nach dieser Änderung wird Ihr neues Menü wie gewünscht angezeigt (Abbildung 7.29). Bei einem Klick auf den Link Joomla! 1.5 Website sollte sich ein Browserfenster mit Navigation öffnen und die Website des Projektes anzeigen.

Abbildung 7.29: Das neue Menü mit geänderter CSS-Klasse