70+ Freie Elementor-Hintergrundmuster
Patterns ist eine kostenlose Master Addons Erweiterung, die jedem Elementorabschnitt, jeder Spalte, jedem Container oder jedem Widget ein fertiges CSS Hintergrundmuster hinzufügt Einschalten Muster aktivieren Wählen Sie auf der Registerkarte Stil einen von 73 Stilen aus, von Gittern und Punkten bis hin zu Polarlichtern, Bauplanlinien und Holzmaserung, und setzen Sie einen Z-Index Um es mit Ihrem normalen Hintergrund zu schichten Es gibt keine Bilder zum Laden und nichts, was Sie jenseits dieser drei Steuerelemente konfigurieren könnten.
So fügen Sie ein Hintergrundmuster in Elementor hinzu
Patterns wird mit dem kostenlosen Master Addons Plugin geliefert Stellen Sie sicher, dass die Erweiterung im Reiter Master Addons Extensions eingeschaltet ist.
- Installieren und aktivieren Master Addons von WordPress.orgAktivieren Sie unter und überprüfen Sie, ob Muster aktiviert sind Master-Add-ons, Erweiterungen.
- Bearbeiten Sie Ihre Seite mit Elementor und wählen Sie einen Abschnitt, eine Spalte, einen Container oder ein Widget aus.
- Öffnen Sie die Stil Tab und finden Sie die Muster Abschnitt.
- Einschalten Muster aktivieren.
- Wählen Sie einen Musterstil und die Vorschau ansehen.
- Anpassen Z-Index Um das Muster über oder unter den Elementhintergrund zu setzen, aktualisieren Sie dann die Seite.
73 Stile in 11 Gruppen
Die Musterstil Die Liste ist nach Aussehen gruppiert: dekorative Farbverläufe, dunkle Farbverläufe, Gitterverläufe, radiale Leuchten, Polarlichteffekte, Grundmuster wie Wellen, Streifen und Punkte, Gitter einschließlich Sechsecke und Tartan, technische Muster wie Blaupause und Leiterplatte, kulturelle Muster wie Marokkaner und japanische Seigaiha, Texturen wie Marmor und Papier sowie künstlerische Skizzenstile.
- Jeder Stil wird mit seinen eigenen Farben geliefert, z. B. weißen bis indigofarbenen oder dunkelgrünen Kreislinien. Es gibt keine Farb- oder Deckkraftkontrolle, also wählen Sie den Stil aus, der Ihrer Marke am nächsten kommt.
- Manche Stile malen eine volle Hintergrundfarbe, andere zeichnen nur dünne Linien über das, was bereits vorhanden ist.
- Funktioniert auf Abschnitten, Spalten, Containern und Widgets, die in der Registerkarte Stil jedes Elements zu finden sind.
Elementorhintergrund vs. Mustererweiterung
Elementor eigene Hintergrundsteuerungen können einige Muster mit einem kleinen sich wiederholenden Bild oder einem Farbverlauf fälschen So steht das im Vergleich zur Erweiterung.
| Merkmal | Elementorhintergrund | Master Addons-Muster |
|---|---|---|
| Einrichtung | Laden Sie ein Musterbild hoch oder erstellen Sie einen Farbverlauf von Hand | Wählen Sie einen Stil aus einer Liste |
| Stile | Alles, was Sie entwerfen oder herunterladen | 73 fertige CSS-Stile |
| Farben | Volle Kontrolle | Pro Stil festgelegt |
| Seitengewicht | Extra Bildanfrage für Bildmuster | Reiner CSS, kein Bild |
| Schichtung | Ein Hintergrund plus ein Overlay | Separate Musterschicht mit Z-Index |
| Preis | Kostenlos | Kostenlos mit Master Addons |
Verwenden Sie Ihr eigenes Hintergrundbild, wenn das Muster mit genauen Markenfarben übereinstimmen muss Verwenden Sie Muster für eine schnelle, leichte Textur Verwandte Erweiterungen: Hintergrundschieber (kostenlos) und Animierter Gradient BG (Pro).
Schichtung mit Z-Index
Das Muster wird als separate Schicht im Inneren des Elements gezeichnet. Z-Index (von -10 bis 10) entscheidet, ob es über oder unter dem elementeigenen Elementorhintergrund sitzt, so dass Sie ein Raster über ein Hintergrundbild legen oder einen soliden Gradienten hinter Ihren Inhalten behalten können Da Muster reines CSS sind, fügen sie der Seite keine Bildanfragen hinzu.
- Stile mit einer festen Grundfarbe können den Elementhintergrund verbergen. Versuchen Sie also einen niedrigeren Z-Index, wenn Ihr Hintergrundbild verschwindet.
- Muster skalieren mit dem Element und die Gittergrößen bleiben auf jedem Gerät gleich.
- Für einen beweglichen Gradienten anstelle eines statischen Musters verwenden Sie Animierter Gradient BG (Pro).
Häufig gestellte Fragen zu Mustern
Sind die Elementor-Hintergrundmuster frei?
Ja. Patterns ist eine kostenlose Erweiterung im Master Addons Plugin auf WordPress.org, und alle 73 Stile sind enthalten.
Verlangsamen Muster meine Website?
Nein. Jedes Muster besteht aus ein paar Zeilen CSS-Verläufen auf einer einzelnen Ebene, ohne Bilddateien. Jede Verlangsamung würde von anderen Hintergrundbildern im selben Abschnitt ausgehen, nicht vom Muster.
Kann ich die Musterfarbe ändern?
Nein. Jeder Stil hat feste Farben und die Erweiterung hat keine Farb- oder Deckkraftkontrolle. Wählen Sie den Stil, der zu Ihrer Palette passt, oder erstellen Sie Ihren eigenen Farbverlauf mit den Hintergrundsteuerelementen von Elementor, wenn Sie genaue Farben benötigen.
Kann ich ein Muster mit einem Hintergrundbild oder Formteiler kombinieren?
Ja. Das Muster ist eine eigene Ebene, es arbeitet also neben dem Hintergrund, der Hintergrundüberlagerung und den Formteilern des Elements. Entscheiden Sie mit Z-Index, ob das Muster über oder unter dem Hintergrund sitzt.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
![Master Addons Post/Page Duplicator-Erweiterung für Elementor: MA Duplicator Zeilenlink in der WordPress Pages-Liste, der eine Landing Page erstellt - [Duplicated #128] Entwurf](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post-/Seitenduplikator
Fortschrittsanzeige lesen
