Más de 70 patrones de fondo de elementores gratuitos
Patterns es una extensión gratuita de Master Addons que agrega un patrón de fondo CSS ya preparado a cualquier sección, columna, contenedor o widget de Elementor. Encender Habilitar patrón en la pestaña Estilo, elija uno de los 73 estilos, desde cuadrículas y puntos hasta brillos de auroras, líneas de planos y vetas de madera, y establezca un Índice Z para superponerlo con tu fondo normal. No hay imágenes para cargar ni nada para configurar más allá de esos tres controles.
Cómo agregar un patrón de fondo en Elementor
Patterns viene con el complemento gratuito Master Addons. Asegúrese de que la extensión esté activada en la pestaña Extensiones de complementos maestros.
- Instalar y activar Addones maestros de WordPress.orgy verifique que Patrones esté habilitado en Complementos maestros, extensiones.
- Edite su página con Elementor y seleccione una sección, columna, contenedor o widget.
- Abre el Estilo pestaña y encuentra el Patrones sección.
- Encender Habilitar patrón.
- Elige un Estilo de patrón y mira la vista previa.
- Ajustar Índice Z para colocar el patrón encima o debajo del fondo del elemento, actualice la página.
73 estilos en 11 grupos
El Estilo de patrón la lista está agrupada por apariencia: degradados decorativos, degradados oscuros, degradados de cuadrícula, brillos radiales, efectos de aurora, patrones básicos como ondas, rayas y puntos, cuadrículas que incluyen hexágonos y tartán, patrones técnicos como planos y placas de circuito, patrones culturales como marroquí y Seigaiha japonesa, texturas como mármol y papel, y estilos de bocetos artísticos.
- Cada estilo viene con sus propios colores, como líneas de circuito de blanco a índigo o verde oscuro. No hay control de color ni opacidad, así que elige el estilo más cercano a tu marca.
- Algunos estilos pintan un color de fondo completo, otros solo dibujan líneas finas sobre lo que ya existe.
- Funciona en secciones, columnas, contenedores y widgets, que se encuentran en la pestaña Estilo de cada elemento.
Extensión de fondo de Elementor frente a patrones
Los propios controles de fondo de Elementor pueden falsificar algunos patrones con una pequeña imagen repetida o un degradado. Así es como se compara eso con la extensión.
| Característica | Fondo elemental | Patrones de complementos maestros |
|---|---|---|
| Configuración | Cargue una imagen de patrón o cree un gradiente a mano | Elija un estilo de una lista |
| Estilos | Cualquier cosa que diseñes o descargues | 73 estilos CSS ya preparados |
| Colores | Control total | Fijo por estilo |
| Peso de la página | Solicitud de imagen adicional para patrones de imagen | Puro CSS, sin imagen |
| Capas | Un fondo más una superposición | Separe la capa de patrón con Z-Index |
| Precio | Gratis | Gratis con complementos maestros |
Utilice su propia imagen de fondo cuando el patrón tenga que coincidir con los colores exactos de la marca. Utilice patrones para obtener una textura rápida y ligera. Extensiones relacionadas: Control deslizante de fondo (gratis) y Gradiente animado BG (Pro).
Capas con índice Z
El patrón se dibuja como una capa separada dentro del elemento. Índice Z (de -10 a 10) decide si se encuentra encima o debajo del fondo Elementor del elemento, por lo que puede colocar una cuadrícula sobre una imagen de fondo o mantener un gradiente sólido detrás de su contenido. Debido a que los patrones son CSS puro, no agregan solicitudes de imágenes a la página.
- Los estilos con un color base sólido pueden ocultar el fondo del elemento, así que pruebe con un índice Z más bajo si su imagen de fondo desaparece.
- Los patrones escalan con el elemento y los tamaños de cuadrícula permanecen iguales en todos los dispositivos.
- Para un gradiente en movimiento en lugar de un patrón estático, utilice Gradiente animado BG (Pro).
Preguntas frecuentes sobre patrones
¿los patrones de fondo de Elementor son gratuitos?
Sí. Patterns es una extensión gratuita del complemento Master Addons en WordPress.org y los 73 estilos están incluidos.
¿Los patrones ralentizan mi sitio web?
No. Cada patrón consta de unas pocas líneas de gradientes CSS en una sola capa, sin archivos de imagen. Cualquier desaceleración provendría de otras imágenes de fondo en la misma sección, no del patrón.
¿Puedo cambiar el color del patrón?
No. Cada estilo tiene colores fijos y la extensión no tiene control de color ni de opacidad. Elija el estilo que se ajuste a su paleta o cree su propio degradado con los controles de fondo de Elementor si necesita colores exactos.
¿Puedo combinar un patrón con una imagen de fondo o un divisor de forma?
Sí. El patrón es su propia capa, por lo que funciona junto con el fondo del elemento, la superposición del fondo y los divisores de forma. Utilice el índice Z para decidir si el patrón se encuentra encima o debajo del fondo.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
![Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de publicaciones/páginas
Barra de progreso de lectura
