Die hier beschrieben Funktionen stehen schon bei der freien Version von Elementor bereit. Trotzdem ist es auch die Elementor Pro- Versionen einen Blick Wert. Immerhin erhält man nicht nur viele weitere Widgets sondern kann sich viele Plugins wie zB. für Formulare, Einbindungen etc. sparen, da deren Funktionen teil der Pro-Lizenz sind.
Hintergrundeinstellungen gibt es überall im Elementor - sei es für die ganze Site über
Panel > Website Einstellungen (links oben) > Hintergrund
oder für eine einzelne Seite (Beitrag, Template) über
Panel > Einstellungen (links unten) > Stil | Hintergrundtyp
oder natürlich für jedes einzelne Widget unter
…Widget > Erweitert | Hintergrund
oder auch (ja nach Widget) im Inhalts- oder Stiltab des einzelnen Widgets.
Hier beschrieben werden die Möglichkeiten mit Containern. Diese funktionieren übrigens nicht nur bei den jetzt standardmäßig aktiven Flexbox-Containern sondern auch bei den (in den Einstellungen > Eigenschaften) im Beta-Stadium befindlichen Grid-Containern.
Jeder Container kann zusätzlich zu seiner Grundeinstellung eine HOVER-Einstellung haben.
Hintergrund Typ
Die 4 Typen sind
- Klassisch
- Verlauf
- Video
- Slideshow
Klassischer Hintergrund: Je nach Typ sind bestimmte Optionen einzustellen. Beim Klassischen Hintergrund sind Farbe und/oder Bild zu wählen.
Effekte: Scroll- und/oder Maus-Effekte können zusätzlich zu Farbe und Bild eingeschaltet werden
Farben & Bilder (klassisch)
Farbe
Am einfachsten einzustellen und zu verstehen ist die Einstellung für den klaschischen Hintergrund Farbe. Hier kann natürlich auf die Globalen Farben zugegriffen werden, oder es wird exclusiv für den aktuellen Container eine Farbe definiert. Diese kann voll deckend sein oder auch einen Alphakanal (einen 4. Farbewert und damit eine Transparenz) enthalten. Im Farbwähler kann man neben der Voreinstellung HEXA auch RGBA oder HSLA Werte eingeben - oder natürlich einfach in die Palette klicken.
Beim Einsatz von (Semi-)Transparenten Hintergründen ist natürlich darauf zu achten, dass sich die Farben mit den dahinterligeneden Farben oder Bildern multiplizieren und so ein neuer Farbeindruck entstehen kann.
Der Farbwähler gestattet es übrigens auch einen dynamischen Wert zu verwenden, also zB. auch ein ACF-Farbenfeld.
Bild
Ein Bild kann zusätzlich zu einer Farbe ausgewählt werden. Sollte das Bild den gesamten Containerbereich abdecken so wird nur das Bild zu sehen sein, sollte mehr Containerfläche als Bild vorhanden sein wird die gewählte Farbe sichtbar.
Die Bildauswahl funktioniert gleich wie beim Widget Bild gewohnt. Das Bild selber, die Position, Wiederholung ud
Bildgröße dient zu Einstellung welche der (7) abgespeicherten Bilddateien geladen werden soll. Das hat unmittelbare Auswirkungen auf die Ladezeit der Seite. Auf die dargestellten Dimensionen in denen das Bild gezeigt wird hat das keine Auswirkung.
Position dient zur Einstellung wo das Bild im Rahmen des Containers angezeigt werden soll. Das beginnt bei Mitte Mitte - also horizintal und vertikal in der Mitte – und geht bis hin zu individuellen Einstellungen, womit man das Bild absolut in dem Bereich des Containers positionieren kann.
Anhang erlaubt die Angaben Scroll und Fixed, also ob das Bild mit den anderen Inhalten mit scrollt oder ob es stehen bleiben soll.
Repeat (Wiederholung) erlaubt die Einstellungen für die Bildwiederholung, soferne das Bild kleiner als der Container ist. Möglich sind 4 Einstellungen: keine Wiederholung, Wiederholung, Horizontal Wiederholen und Vertikal wiederholen.
