Hintergrundbilder global, pro Navigationspunkt oder pro Seite definieren

Hintergrundbilder können entweder global für alle Seiten, navigationsabhängig pro Navigationspunkt oder auch individuell für jede Seite definiert werden. Auch Kombinationen sind möglich. Dabei überspielt dann der navigationsabhängige Hintergrund den globalen Hintergrund und der seitenspezifische Hintergrund wiederum den navigationsabhängigen.

Hintergrundbild global definieren

Das globale Hintergrundbild definieren Sie über die Layout-Anpassung innerhalb der page.scss im Abschnitt Hintergrund. Optimalerweise kombinieren Sie dieses mit einer passenden Hintergrundfarbe, die bis zum Laden des Bildes angezeigt wird.

Hintergrundbild pro Navigationspunkt bzw. Navigationsbereich definieren

Navigationsabhängige Hintergrundbilder definieren Sie am Besten, indem Sie im Panel über "Kopfbereich, Portalinhalte pflegen" gehen und dort im ersten Inhaltsbereich das Element "Navigationsabhängiges Hintergrundbild definieren" einfügen. In diesem Element können Sie dann pro Navigationspunkt festlegen, welcher Hintergrund erscheinen soll. Dieses Element unterstützt auch eine Standardhintergrundbild und ist in der Lage, die Bilder auf Unternavigationspunkte zu vererben.

Hintergrundbild individuell für eine Seite definieren

Seitenspezifische Hintergrundbilder können Sie im Editor der jeweiligen Seite über das Element "Individuelles Hintergrundbild definieren" einfügen. Neben einem Bild lässt sich dort auch eine Hintergrundfarbe festlegen.