| Beitragsseiten |
|---|
| Joomla 1.5 Menü Erweiterungen |
| Joomla Menülinks mit title Attribut |
| Alle Seiten |
Menü mit Untertiteln für Joomla 1.5
Sehr beliebt und häufig nachgefragt sind horizontale oder vertikale Menus mit Untertiteln. Diese Menüs finden sich vorallem in kostenpflichtigen Templates der Templates Clubs.
Hier zeige ich anhand eines Standard Menus, wie Sie mit wenigen Handgriffen und ausschließlicher Verwendung von Template Overrides, also update-beständig und ohne Installation von Erweiterungen Untertitel zu Ihrem Joomla Menu hinzufügen lassen.
Demo
So sieht das fertige Joomla Menu mit Untertiteln aus:
Umsetzung
Sie werden sehen: das Menu mit Untertiteln lässt sich mit wenigen Handgriffen umsetzen. Folgende Schritte sind erforderlich:
- Erstellung eines Joomla Template Overrides für das Mainmenu
- Editieren der Joomla Menu Titel
- Anpassung der CSS Datei
Joomla Template Override: Menu mit Untertiteln
Template Overrides überschreiben die Ausgabe des von Joomla erzeugten Codes und bieten somit ein sehr gutes Mittel updatebeständige Änderungen an der Ausgabe der Website durchzuführen. Diese Overrides werden in einem Ordner "html" im Template gespeichert.
Da für die meisten neueren Templates schon eine Override Funktion für das Mainmenü existiert müssen Sie den nachfolgenden Code manuell einfügen.
JoomlaRoot/templates/IhrTemplate/html/mod_mainmenu/default.php, ca. ab Zeile 83:
$separator = '::';
if ($node->name() == 'a' || $node->name() == 'span') {
if (isset($node->span)) {
$span = $node->span[0];
if (strpos($span->data(), $separator) !== false) {
// Title and Subtitle
$title = $span->data();
$subtitle = explode($separator, $title);
// Title
$node->span[0]->setData(trim(array_shift($subtitle)).' ' );
// Subtitle
foreach($subtitle as $value) {
$child = $node->addChild('span');
$child->setData( trim(array_shift($subtitle)));
$child->addAttribute('class', 'subtitle');
}
}
}
}
Joomla Menu Titel editieren
Durch den separator "::" werden die Titel der Menulinks von den Untertiteln getrennt und in einem eigenen <span class="subtitle"> ausgegeben.
Dazu ist natürlich erforderlich, dass die Joomla Menupunkt-Titel dieses Trennelement und den Subtitle enthalten.
Gehen Sie im Administrationsbereich unter Menus/Ihr Menu auf die einzelnen Menupunkte und fügen Sie die das Trennzeichen "::" und den Untertitel den entsprechenden Menutiteln an.
Screenshot:
Zu guter letzt muss natürlich noch die CSS Datei angepasst werden.
Anpassen der CSS Datei
Dies kann im Einzelfall etwas schwieriger und hier nicht allgemeingültig erklärt werden, da sich die CSS Anweisungen für Menus von Template zu Template teilweise stark unterscheiden. Im wesentlichen muss die CSS Klasse für ".subtitle" ergänzt werden.
| Weiter > |
|---|
Zuletzt aktualisiert am Samstag, den 19. Februar 2011 um 14:58 Uhr
