70+ modèles d'arrière-plan d'élémenteur gratuits
Patterns est une extension gratuite de Master Addons qui ajoute un motif d'arrière-plan CSS prêt à l'emploi à n'importe quelle section, colonne, conteneur ou widget Elementor. Allumer Activer le modèle dans l'onglet Style, choisissez l'un des 73 styles, des grilles et points aux lueurs aurores boréales, aux lignes de plan et aux grains de bois, et définissez un Z-Index pour le superposer avec votre arrière-plan normal Il n'y a pas d'images à charger et rien à configurer au-delà de ces trois contrôles.
Comment ajouter un modèle d'arrière-plan dans Elementor
Patterns est livré avec le plugin gratuit Master Addons Assurez-vous que l'extension est allumée dans l'onglet Master Addons Extensions.
- Installer et activer Modules complémentaires principaux de WordPress.orget vérifiez que Patterns est activé sous Additions principales, extensions.
- Modifiez votre page avec Elementor et sélectionnez une section, une colonne, un conteneur ou un widget.
- Ouvrir le Style tab et trouver le Modèles section.
- Allumez Activer le modèle.
- Choisissez un Style de motif et regardez l'aperçu.
- Ajuster Z-Index pour mettre le motif au-dessus ou en dessous de l'arrière-plan de l'élément, puis mettre à jour la page.
73 styles en 11 groupes
Le Style de motif la liste est regroupée par look : dégradés décoratifs, dégradés sombres, dégradés de grille, lueurs radiales, effets d'aurore, motifs de base tels que vagues, rayures et points, grilles comprenant des hexagones et du tartan, motifs techniques comme le plan et le circuit imprimé, motifs culturels tels que le marocain. et Seigaiha japonais, textures comme le marbre et le papier et styles de croquis artistiques.
- Chaque style est livré avec ses propres couleurs, telles que les lignes de circuit blanc à indigo ou vert foncé Il n'y a pas de contrôle de couleur ou d'opacité, alors choisissez le style le plus proche de votre marque.
- Certains styles peignent une couleur d'arrière-plan complète, d'autres ne dessinent que des lignes fines sur ce qui existe déjà.
- Fonctionne sur les sections, les colonnes, les conteneurs et les widgets, trouvés dans l'onglet Style de chaque élément.
Extension de l'arrière-plan de l'élémenteur par rapport aux modèles
Les propres commandes d'arrière-plan d'Elementor peuvent simuler certains motifs avec une petite image répétitive ou un dégradé. Voici comment cela se compare à l’extension.
| Caractéristique | Fond élémentaire | Modèles d'addons principaux |
|---|---|---|
| Configuration | Téléchargez une image de motif ou créez un dégradé à la main | Choisissez un style dans une liste |
| Styles | Tout ce que vous concevez ou téléchargez | 73 styles CSS prêts à l'emploi |
| Couleurs | Contrôle total | Fixé par style |
| Poids page | Demande d'image supplémentaire pour les motifs d'image | CSS pur, pas d'image |
| Couchage | Un arrière-plan plus une superposition | Couche de motif séparée avec Z-Index |
| Prix | Gratuit | Gratuit avec Master Addons |
Utilisez votre propre image d'arrière-plan lorsque le motif doit correspondre aux couleurs exactes de la marque Utilisez des motifs pour une texture rapide et légère Extensions associées : Curseur d'arrière-plan (gratuit) et Gradient animé BG (Pro).
Couche avec Z-Index
Le motif est dessiné comme une couche séparée à l'intérieur de l'élément. Z-Index (de -10 à 10) décide s'il se trouve au-dessus ou en dessous du propre fond Elementor de l'élément, afin que vous puissiez placer une grille sur une image d'arrière-plan ou conserver un gradient solide derrière votre contenu Parce que les motifs sont de purs CSS, ils n'ajoutent aucune demande d'image à la page.
- Les styles avec une couleur de base unie peuvent masquer l'arrière-plan de l'élément, alors essayez un indice Z inférieur si votre image d'arrière-plan disparaît.
- Les modèles s'adaptent à l'élément et les tailles de grille restent les mêmes sur chaque appareil.
- Pour un gradient mobile au lieu d'un motif statique, utilisez Gradient animé BG (Pro).
Foire aux questions sur les modèles
Les motifs d'arrière-plan Elementor sont-ils gratuits ?
Oui. Patterns est une extension gratuite du plugin Master Addons sur WordPress.org, et les 73 styles sont inclus.
Les modèles ralentissent-ils mon site Web ?
Non. Chaque motif est constitué de quelques lignes de gradients CSS sur une seule couche, sans fichiers image. Tout ralentissement proviendrait d’autres images d’arrière-plan sur la même section, et non du motif.
Puis-je changer la couleur du motif ?
Non. Chaque style a des couleurs fixes et l'extension n'a aucun contrôle de couleur ou d'opacité. Choisissez le style qui correspond à votre palette ou construisez votre propre dégradé avec les commandes d'arrière-plan d'Elementor si vous avez besoin de couleurs exactes.
Puis-je combiner un motif avec une image d'arrière-plan ou un diviseur de forme ?
Oui. Le motif est sa propre couche, il fonctionne donc avec les séparateurs d'arrière-plan, de superposition d'arrière-plan et de forme de l'élément. Utilisez Z-Index pour décider si le motif se trouve au-dessus ou en dessous de l'arrière-plan.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
![Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicateur de messages/pages
Barre de progression de lecture
