Tutorial - Anpassen des dynamischen Menüs

In diesem Teil des Tutorials wollen wir uns mit der Anpassung des dynamischen Menüs nach unseren Wünschen beschäftigen.

Gruppen mit nur einem Artikel

Bei Gruppen mit nur einem einzigen Artikel als Inhalt stoßen wir zuerst einmal auf ein Problem, denn der Artikel wird als Inhalt der Gruppe in einem Unterpunkt angezeigt. Bei einem Link auf den Home-Bereich wollen wir aber erreichen, dass dieser Artikel sofort bei einem Klick auf den Gruppennamen angezeigt wird. Das folgende Bild veranschaulicht das Problem. Achten Sie auf den ersten Punkt im Menü.

Um den Unterpunkt im Menü auszublenden und stattdessen sofort beim Klick auf Home anzuzeigen, bedienen wir uns der Möglichkeit im Backend Bereichsinhalte festzulegen. Dieser Inhalt, also ein beliebiger Artikel, wird bei einem Klick auf die Gruppe statt der sonst erstellten Artikelliste angezeigt. Dazu legen wir im Backend den entsprechenden Artikel fest und blenden den Unterpunkt einfach aus.

Im ersten markierten Feld wählen wir den Artikel aus, der als einziger in der Gruppe vorhanden ist und im zweiten Feld setzen wir die Anzeige auf "Ja, ohne Sub-Navigation".

Reihenfolge der Menüpunkte

Wir möchten nun die Navigationspunkte nach unserer Vorstellung anordnen, d.h. der Punkt "Home" soll der erste Punkt sein, "News" der zweite usw.. Beim Erstellen ist aber vielleicht eine andere Reihenfolge entstanden. Das folgende Bild veranschaulicht dies. Links sehen sie die entstandene und rechts die gewünschte Reihenfolge:

Im Beispiel-Code des vorhergehenden Abschnittes werden die Menüpunkte durch den folgenden Code aufsteigend nach dem Sortierindex angeordnet.

<?php
    // DynPG menu settings
    $DynPG->SetParam_PlugIn_Template('DPGdynmenu', 'intelligent');
    $DynPG->SetParam_PlugIn_Param('DPGdynmenu', 'real_expand', TRUE);
    $DynPG->SetParam_PlugIn_Param('DPGdynmenu', 'order', Array('INDEX'));
    $DynPG->SetParam_PlugIn_Param('DPGdynmenu', 'sort', Array('ASC'));
    ...
?>

Dieser Index muss nun lediglich noch im Backend festgelegt werden. Im Menupunkt "Gruppen" können Sie diesen nach einem Klick auf den Editier-Button der Gruppe im Formular festlegen. Die folgende Abbildung zeigt, wie die gewünschte Reihenfolge festgelegt werden kann.

Anpassen des Aussehens

Das Aussehen des Menüs können mittels CSS vollständig nach Ihren Wünschen anpassen. Informationen hierzu finden Sie im Artikel über die Dynamische Navigation. Zudem finden Sie im Beispiel-Code eine Datei "menu.css" welche die Verwendung einiger sehr nützlicher CSS-Identifier und -Klassen aufzeigt.