Contao 3 Grundkurs

Lösung: Quicknavigation

Testen Sie unsere 1982 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
An Stelle der bisher genutzten Navigation erstellen Sie eine weitere "Quicknavigation". Die jeweils nicht benötigte Navigation blenden Sie per CSS aus.
03:19

Transkript

Die Navigation auf unserer Seite soll ausgetauscht werden gegen eine, die auch die Untermenü-Punkte mit anzeigt. Selbst in etwas größeren Viewports sieht das derzeitige Menü nicht gut aus. Und die Untermenü-Punkte sind einfach zu weit unten. Contao bietet eine Quick-Navigation, die wir dafür nutzen können und das werden wir jetzt auch tun. Gehen Sie in die Module, erstellen Sie ein neues Modul und das nennen wir: Navigation Quicknav. Der Modultyp ist eine Quicknavigation. Die Standardeinstellung können wir hier belassen. Und gehen auf Speichern und Schließen. Jetzt bauen wir die Navigation ins Seitenlayout ein, gehen in den Bereich eingebundene Module und setzen direkt zu der existierenden Navigation Main unsere Navigation Quicknav. Speichern - Schließen Das Gleiche machen wir auch in einem bei der englischen Version. Weiteres Modul und Navigation Quicknav. Speichern - Schließen Jetzt schauen wir im Front-End nach. Unsere Quicknavigation ist da, aber zwei Navigationen sind zu viel und deswegen werden wir die jetzt entsprechend ein- und ausblenden. Das machen wir per CSS, wir wählen zunächst in unserem Standard-Stylesheet und hängen eine neue Regel an: .mod_ quicknav und die werden wir per Display - None ausblenden. Speichern - Schließen Jetzt gehen wir in unseren anderen, hängen hier auch mod_quicknav ein und hier werden wir aber die Navigation einblenden. Mit Display - block. Und die Hauptnavigation mod_navigation. main, die werden wir hier in dem Kontext ausblenden. Display - None Jetzt schauen wir, wie sich das Ganze auswirkt. Aha! Die Hauptnavigation ist weg, Quicknavigation ist da. Ein kurzer Funktionstest. Und Funktion ist da. Zur Kontrolle schauen wir jetzt nochmal die Desktop-Version an. Und auch da sieht alles in Ordnung aus. Nochmal zurück zum kleinen Viewport. Unsere Navigation sollte optisch auf jeden Fall noch gestaltet werden. Man muss ja dran denken, dass hier mit Fingern navigiert wird und in sofern sollten die Abmessungen deutlich größer sein, als es jetzt der Fall ist.

Contao 3 Grundkurs

Lernen Sie die Grundidee des Content Management Systems Contao 3 kennen und machen Sie sich mit den Möglichkeiten der Inhaltsdarstellung bis hin zum komplexen Webauftritt vertraut.

6 Std. 34 min (102 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!