Container-Elemente sind Website-Elemente, die verwendet werden können, um bequem weitere Bereiche zu einer Seite hinzuzufügen. Mit ihrem modernen, attraktiven Design können sie auch im Rahmen einer Website-Aktualisierung genutzt werden, kombiniert mit dem entsprechenden Hintergrundbild und Text.
Das Untermenü für Container-Elemente finden Sie im linken Menü im Tab „Gestalten“. Jedes dort aufgeführte Element verfügt über eigene Beispielinhalte, die ersetzt werden können, um beliebige Anforderungen zu erfüllen. Diese Elemente ermöglichen auch das Platzieren von zusätzlichen Inhalten, die im Menü „Gestalten“ zur Verfügung stehen.
Um ein Container-Element zu Ihrer Website hinzuzufügen, bewegen Sie einfach den Mauszeiger über die gewünschte Vorlage, klicken Sie auf das Quadrat mit den Punkten und ziehen Sie das Element zur gewünschten Position. Wie auch bei allen anderen Elementen erscheinen auf der Seite blaue Linien, die anzeigen, wo das Element platziert werden kann. Das Symbol und der Name jedes Elements repräsentieren den Typ des Beispielinhalts, den es enthält.
Wenn das Element platziert wurde, aktualisiert sich die Seite und rechts öffnet sich das für das Element spezifische Menü. Dieses Menü ist für alle Container-Elemente gleich und ermöglicht die Anpassung des Hintergrunds sowie des Hintergrundverhaltens.
Hinweis: Jedes Container-Element enthält einen HTML-Baustein, der für die Funktionalität des Elements erforderlich ist. Wir raten davon ab, ihn zu ändern/löschen, wenn Sie sich nicht absolut sicher sind.
Oben sehen Sie die Optionen zum Ändern, Bearbeiten oder Löschen des aktuellen Hintergrundbilds.
Darunter können Sie die Position anpassen, indem Sie auf die grauen Quadrate im Raster klicken. Das orange Quadrat markiert die aktuelle Position.
Die Option Scrollen ermöglicht die Auswahl zwischen „Scrollen“ und „Fixiert“. Standardmäßig ist „Scrollen“ ausgewählt, sodass das Bild mit der Seite mitläuft. Die Option „Fixiert“ hält das Bild in seiner Position, während die Seite gescrollt wird, wodurch ein Parallaxen-Effekt erzeugt wird.
Die Hintergrundfarbe kann ebenfalls angepasst werden. Allerdings ist die Farbe nicht sichtbar, wenn ein Hintergrundbild festgelegt wurde.
Das Dropdown-Menü Container-Typ bestimmt die Breite des Container-Hintergrunds. Die Option „Fließend“ erlaubt es dem Bild, sich über die gesamte Seitenbreite zu erstrecken, während bei der Option „Fixiert“ die Seiten des Bildes entsprechend beschnitten werden.