Ebenen / Bereich basierte Seiten-Navigation (Submenü) 

Unter Ebenen oder Bereichs Basierte Seiten Navigation versteht man die Unterteilung der Hauptbereiche (dauerhaft sichtbar) und eine zusätzliche Navigation (meist Seitennavigation) für den aktuellen Bereich ohne den Bezug auf die Elternelemente zu verlieren. Hier auf der Seite ist dies genauso umgesetzt. Vor allem in Joomla! und in Verwendung vom Extended Menü ist hier ein wenig umdenken angesagt.

Hier zwei Bildbeispiele um Situation zu verdeutlichen:

Navigation mit wechselnden Titel 

Wie man ebenfalls auf diesen Seiten erkennen kann, wechselt der Titel der Linken Navigation.

Zunächst einmal muss die Navigation gemäß dem Tutorial Navigation in Joomla richtig einbinden vorhanden sein und ordnungsgemäß funktionieren. Wenn dies der Fall ist kann es auch schon losgehen.

Wechselnde Header Bilder 

Viele Seiten sind in Hauptbereiche unterteilt die zum Beispiel durch unterschiedliche Farben gekennzeichnet sind (siehe Open-Item Support). Dies kann man bereits sehr einfach über das Hinzufügen einzelner Seiten Layouts mit der Konfigurations Komponente. Sehr oft will man dann auch noch ein entsprechendes Logo für einen Bereich haben oder einfach nur wechselnde Bilder. Und genau das zeigt dieses Tutorial.

CSS Styles in WYSIWYG Editoren benutzen 

WYSIWYG steht für das Prinzip What You See Is What You Get („Was du siehst, ist, was du bekommst.“). Das funktioniert auch ganz gut. Nur kann man in vielen fällen die CSS Klassen nicht richtig verwenden oder ein noch häufiger auftretendes Problem, das Layout im Editor entspricht nicht dem Ergebnis auf der Seite. Das liegt am häufigsten aber nur an einer fehlerhaften oder nicht vorhandenen CSS Datei für den Editor. 

Ab der Version 2.7.0 gibt es die Funktion zum automatischen erzeugen der editor_content.css nicht mehr, da einfach zuviele CSS-Klassen im Editor wählbar sind die man nicht direkt verwenden kann. Das ist für Authoren sehr verwirrend. Aber ganz verschwunden ist die Funktion nicht. Die editor_content.css wird einfach anders und auf anderem Wege erzeugt.

Empfehlung:

Als Editor für Joomla! empfehle ich den JCE Editor von Ryan Demmer. Dieser bietet zahlreiche Funktionen und Einstellungsmöglichkeiten und kommt auch super mit den YAML Stylesheets zurecht.

Ebenfalls empfehle ich den Firefox zum bearbeiten zu verwenden, da es mit diesem am unproblmatischten. Es sollte zumindest nicht mit dem Internet Explorer gearbeitet werden, da keine IE-Hacks in den Editor eingefügt werden können.

Editor Einstellungen in der Konfigurations Kompoente

In der YAML Joomla! Template Konfigurations Komponente kann man im Bereich Editor Einstellungen den Inhalt der editor_content.css direkt bearbeiten (siehe Bild).