Last Updated on 11/10/2021 by MTE Leben
Für diejenigen, die Neulinge sind und sich gerade mit WordPress vertraut machen, wird dieses Tutorial sicherlich nützlich sein. Mit den Elementor-Hintergrundoptionen können Sie die Webseite reibungslos und sofort anpassen. Ehrlich gesagt sind die Modifikationen mit Elementor am flexibelsten und am einfachsten durchzuführen. Wenn Sie jedoch noch Fragen haben, machen Sie auf diese Anleitung aufmerksam und bereiten Sie sich darauf vor, Ihr Wissen über den Elementor-Hintergrundabschnitt zu erweitern.
In dieser Anleitung erfahren Sie, wie Sie den Abschnittshintergrund mit dem Elementor Drag-and-Drop-Seitenersteller ändern.
Abschnittshintergrund in Elementor ändern
Zuerst navigieren wir zum Elementor-Seitenersteller. Melden Sie sich beim WordPress-Dashboard an und öffnen Sie die Registerkarte Seiten > Alle Seiten auf der linken Seite. Öffnen Sie eine der mit Elementor erstellten Seiten zum Bearbeiten.
Klicken Sie auf die Schaltfläche Mit Elementor bearbeiten, um zur Bearbeitungsseite von Elementor zu gelangen.
Fahren Sie mit der Maus über den Abschnitt mit dem Hintergrund, den Sie ändern möchten. Um ihn herum erscheint ein dünner blauer Rahmen. Sie können auch die Abschnittsoptionen (die Symbole) oben im Rahmen sehen.
Klicken Sie auf das Symbol Abschnitt bearbeiten, um den Bearbeitungsblock auf der linken Seite zu öffnen . Wechseln Sie hier zur Registerkarte Stil.
Locate Background Block. Hier können Sie Ihren benutzerdefinierten Hintergrund für diesen Abschnitt festlegen.
Wechseln Sie vom Normal- in den Hover-Modus, um verschiedene Hintergrundoptionen für den Abschnitt anzuwenden, wenn jemand mit der Maus darauf fährt. Sie können beide anpassen oder denselben Hintergrund für den Abschnitt verwenden. Es liegt an Ihren Bedürfnissen.
Jetzt können Sie den Hintergrundtyp auswählen. Es gibt drei Arten von Abschnittshintergründen:
In der neuen Elementor-Version erhalten Sie auch die Möglichkeit, verschiedene Hintergründe für verschiedene Gerätetypen auszuwählen. Dies bedeutet, dass es auf der Desktop-Version der Website ein Bild sein kann und auf dem Handy ein anderes, wie Sie auf den Screenshots unten sehen können:
Wählen Sie der Hintergrund für die Desktop-Website-Version
Wählen Sie den Hintergrund für die Tablet-Website-Version
Wählen Sie den Hintergrund für die mobile Website-Version
Hintergrundüberlagerung
Um den Text auf dem lebendigen Hintergrund können Sie die Optionen für die Hintergrundüberlagerung verwenden, die sich im gleichnamigen Block befinden.
Hier können Sie die Überlagerung für den Normal- und Hover-Modus festlegen. Wechseln Sie zwischen ihnen, um beide anzupassen.
Im Hintergrundtyp können Sie auswählen, welchen Hintergrundtyp Sie verwenden möchten. Es kann ein klassischer Hintergrund oder ein Hintergrund mit Farbverlauf sein.
Verwenden Sie die Option Deckkraft, um die Deckkraft der benutzerdefinierten Überlagerung festzulegen. Um die passende Deckkraft auszuwählen, müssen Sie den Controller nach rechts oder links ziehen.
Sie können gerne die Abschnittshintergründe verwenden, um den Inhalt Ihrer Seite auffälliger zu machen!
Bis bald bei den nächsten Tutorials!
