Un nuevo creador de páginas acaba de llegar al espacio de WordPress y no se parece a los demás. Mosaic Builder adopta un enfoque de sistema de diseño basado en clases para crear sitios de WordPress, más cerca de Webflow que de Elementor. Pasamos tiempo con esto, seguimos el tutorial oficial de introducción y construimos un sitio desde cero para ver qué funciona realmente bien.
Así que aquí está nuestra revisión completa de Mosaic Builder: qué es, cómo se siente el editor y si aún debes confiarle un proyecto real.
Nota rápida antes de comenzar: construimos Complementos maestros para Elementor, entonces vivimos en el ecosistema Elementor todos los días. Eso nos brinda una lente útil para juzgar a un nuevo constructor, y marcaremos el veredicto en cualquier lugar donde nuestra perspectiva coloree.
¿qué es el constructor de mosaicos?
Mosaico ¿se ha convertido un creador de páginas y un creador de temas de WordPress en uno solo? Su discurso es simple: “¿Estás cansado de los límites del diseño en WordPress? Conoce Mosaico”
En lugar de colocar widgets en un lienzo y diseñar cada uno individualmente, Mosaic se basa en un sistema de diseño. Obtienes:
- A sistema de clases con clases de elementos y clases de utilidad, similar a cómo los desarrolladores escriben CSS
- Guías de estilo que controlan los colores y la tipografía en todo el sitio
- Componentes, elementos reutilizables que editas una vez y actualizas en todas partes
- Maestros y plantillas que manejan diseños a nivel de tema (encabezados, pies de página, archivos, publicaciones individuales)
- Un constructor de interacción para animaciones de desplazamiento, desplazamiento y clic
- A constructor de bucles para contenido dinámico como archivos de blogs y tipos de publicaciones personalizadas
Se envía con tres temas iniciales: Gibraltar (negrita, moderno), Monolith (limpio, minimalista) y Blank para construir desde cero. Si has utilizado Webflow o Bricks Builder, este modelo te resultará familiar. Si vienes directamente de Elementor, espera un cambio mental.
Primeros pasos: el asistente de configuración
La incorporación de Mosaic es mejor que la mayoría de los complementos que hemos probado. Después de la activación, un asistente de cuatro pasos lo guía a través de Configuración, Maestro, Plantillas y Páginas.
La parte inteligente es el sistema de desollado. Elija un tema como Monolith, luego elija un aspecto de color (Cyan, Violet, Rose, Teal y otros seis) y un aspecto de fuente (Neutral, Elegant, Timeless, Geometric, Modern, Futuristic). Todo el sitio de demostración se reinicia instantáneamente, incluido un modo de color claro u oscuro.
Esto funciona porque todo en el tema hace referencia a variables de estilo en lugar de valores codificados. Cambie el color de la marca una vez y le seguirán todos los botones, enlaces e íconos. Elementor tiene colores globales que hacen algo similar, pero la implementación de Mosaic es más profunda ya que los temas iniciales se basan completamente en el sistema de variables desde el primer día.
En unos minutos instalamos un sitio de demostración completo: página de inicio, archivo de blog, publicación de blog, página de contacto con un mapa, página 404 y resultados de búsqueda, todos editables.
El editor: un lienzo que prioriza la estructura
Abra una página en Mosaic y el diseño será reconocible: árbol de elementos a la izquierda, lienzo en vivo en el medio, controles de estilo a la derecha. Pero la filosofía es diferente a la de Elementor.
Mosaic's Navigator muestra su página como una estructura anidada: sección, contenedor, filas, luego elementos como encabezados, párrafos, botones, cuadros de íconos y divs. Seleccionas elementos del árbol con tanta frecuencia como del lienzo. El panel derecho expone conceptos CSS reales: ancho con valores mínimos/máximos, posición con índice z, controles flexibles, transformaciones (traducir, escalar, rotar), sombras de cuadros y desbordamiento.
Para los desarrolladores, esto es refrescante. Los controles se asignan uno a uno con el CSS que escribirías a mano, por lo que nada se siente oculto o renombrado. Para principiantes, es una colina más empinada. Elementor te permite diseñar un encabezado sin saber qué es un contenedor flexible. Mosaic asume silenciosamente que sí.
Una cosa que apreciamos: el editor se mantuvo receptivo durante toda nuestra versión de prueba, incluso con la demostración completa de Monolith cargada.
El sistema de clases: la idea más importante del mosaico
Aquí es donde Mosaic se separa de la mayoría de los creadores de páginas de WordPress. Cada elemento puede ofrecer clases y las clases vienen en dos versiones:
- Clases de elementos define qué es algo: Botón, Tarjeta, Enlace de navegación
- Clases de utilidad defina propiedades individuales que pueda acumular: espaciado, color del texto, tamaño
Las clases también anidan. La clase Botón del tema Monolith tiene variantes Primaria y Secundaria, cada una con tamaños S, M y L. Seleccione cualquier botón, intercambie su subclase y se reinicie instantáneamente. Edite la clase Primaria en sí y cada botón principal en las actualizaciones del sitio.
Si alguna vez has heredado un sitio Elementor donde cada botón fue diseñado a mano, de manera ligeramente diferente, entiendes el problema que esto resuelve. Dejas de depender de la disciplina para mantener los estilos consistentes; la estructura lo hace por ti.
Sin embargo, la compensación es real. Un sistema de clases exige planificación. Es necesario pensar en nombrar, jerarquizar y reutilizar antes de construir, que es exactamente el tipo de sobrecarga que un profesional independiente noquea un sitio de folletos de cinco páginas que tal vez no desee.
Componentes, Maestría y Construcción de Temas
Mosaic maneja diseños de todo el sitio a través de dos ideas conectadas:
Maestros son su capa exterior: encabezado, pie de página y cualquier cosa que envuelva cada página. Edite el maestro una vez y el cambio aparecerá en todas partes.
Plantillas vive dentro de las áreas de contenido de masters y control. La demostración de Mosaic incluye plantillas para la página de inicio, archivo de blogs, publicaciones individuales, contacto, archivo, 404 y resultados de búsqueda.
Cuando crea una nueva página, un cuadro de diálogo le pregunta si desea asignar una nueva plantilla, una existente o una plantilla automática que aplique cambios en cada instancia.
Componentes son bloques reutilizables: una tarjeta de precios, un testimonio, una sección CTA. Coloque instancias en cualquier lugar, edite el componente y sincronice todas las instancias.
Esta es una construcción de tema real y funciona sin un tema separado. A modo de comparación, los usuarios de Elementor obtienen la misma cobertura a través de Creador de temas de complementos maestros, que agrega encabezados, pies de página, archivos, plantillas individuales y 404 páginas personalizadas encima del editor de Elementor. El resultado final es similar; Mosaic simplemente lo hornea en el producto principal en lugar de tratarlo como una capa complementaria.
Interacciones y animaciones
Mosaic incluye un creador de interacción con dos categorías de activación:
- Desencadenantes simples: desplácese hacia ver, pase el cursor, haga clic, cargue la página, desplácese hacia el cambio de dirección
- Activări continue: movimiento del mouse y mientras se desplaza
Conecte un disparador a cualquier sección o elemento y luego defina lo que anima. Cubre los elementos esenciales de la página de aterrizaje moderna: desvanecimientos en el desplazamiento, movimiento estilo paralaje, estados de desplazamiento más allá de simples intercambios de colores.
Es un sistema capaz, aunque no revolucionario. Los usuarios de Elementor han tenido opciones similares durante años a través de efectos de movimiento y complementos. Solo los complementos maestros cubren animaciones de entrada, efectos flotantes y movimiento basado en desplazamiento, además de extras como fondos de partículas. Lo que ofrece Mosaic es una integración más estrecha: las interacciones viven en el mismo panel que todo lo demás en lugar de estar dispersas en pestañas.
Bucles y contenido dinámico
El creador de bucles manejó bien la prueba de archivo de nuestro blog. Diseña un elemento (imagen, categoría, título, extracto, autor, fecha) y Mosaic lo repite para cada publicación, completo con controles de paginación y un estado de “sin resultados”.
Los bucles se conectan a publicaciones, páginas y tipos de publicaciones personalizadas, y se emparejan con condiciones de plantilla para que los archivos, categorías y resultados de búsqueda obtengan el diseño correcto. Combinado con la lógica de visibilidad condicional, puede mostrar u ocultar contenido según el contexto, de forma similar a qué las condiciones de visualización sí lo hacen en Elementor.
Si crea sitios con mucho contenido, esta es una de las áreas más sólidas de Mosaic. La creación de un diseño de blog personalizado se sintió más rápida aquí que en la mayoría de los creadores que hemos probado. Los usuarios de Elementor normalmente buscan un widget como Blog Element crea una página de blog, lo que también te lleva allí, pero el enfoque de Mosaic te brinda un control estructural más fino sobre cada elemento del bucle.
Precios del constructor de mosaicos
El precio de lanzamiento de Mosaic es agresivo, claramente diseñado para crear una base de usuarios rápidamente:
| Plan | Precio | Sitios | Licencia |
|---|---|---|---|
| Personal | Gratis el primer año, luego $39/año | 1 sitio | Anual |
| Creador | Gratis el primer año, luego $149/año | 10 sitios | Anual |
| Agencia | $199 de por vida (primer pájaro, $499 normal) | Ilimitado | De por vida |
Algunos detalles que vale la pena conocer:
- El primer año gratis los planes personales y de creador son una oferta anticipada que se extenderá hasta finales de 2026. No pagas nada ahora y la suscripción comienza en el segundo año.
- Todos los planes incluyen todas las funciones Pro. Los niveles difieren solo en el recuento de sitios y los límites de activación (2 por año en Personal, 15 en Creator, ilimitado en Agency).
- No existe una versión gratuita permanente.
Un año gratis con funciones Pro ilimitadas es tan bajo como lo hace la barrera de entrada. El acuerdo de por vida de la Agencia de $199 también tiene un gran valor si el producto sobrevive y madura.
Veredicto: un constructor prometedor que necesita tiempo
Mosaic Builder es uno de los creadores de WordPress más interesantes que hemos visto lanzar en años. El sistema de clases está bien ejecutado, la incorporación es excelente, la construcción del tema está integrada en lugar de atornillada y el precio gratuito del primer año elimina cualquier excusa para no probarlo.
Recomandare noastră:
- Pruébalo en una puesta en escena o proyecto paralelo, especialmente si conoce CSS y le gusta el modelo Webflow. El año libre hace de este un experimento de riesgo cero.
- Quédate con Elementor si confía en el ecosistema de complementos, necesita un nivel gratuito o desea el camino más seguro para el trabajo del cliente. Una pila bien elegida cubre casi todo lo que Mosaic promete hoy, razón por la cual Elementor aún encabeza nuestro comparación de constructores de páginas.
Actualizaremos esta revisión de Mosaic Builder cuando se envíe una versión estable. Si el sistema de clases se mantiene en sitios de clientes reales, Elementor tendrá un rival que valdrá la pena tomar en serio, y esa presión tiende a mejorar a todos los constructores.
Preguntas frecuentes
¿qué es el constructor de mosaicos?
Mosaic Builder es un nuevo creador de páginas y temas de WordPress. Utiliza un sistema de diseño basado en clases con componentes reutilizables, variables de estilo, un creador de interacciones y bucles dinámicos, adoptando un enfoque más cercano a Webflow que a los creadores tradicionales de WordPress.
¿mosaic Builder es gratuito?
No existe una versión gratuita permanente, pero los planes anuales de Personal y Creador son gratuitos durante el primer año como oferta anticipada hasta finales de 2026. Después de eso, los planes comienzan en $39 por año para un sitio, con un acuerdo de agencia de por vida de $199.
¿pueden los principiantes utilizar Mosaic Builder?
Los principiantes pueden usarlo, pero la curva de aprendizaje es más pronunciada que la de Elementor. Mosaic se basa en conceptos de desarrollador como clases, contenedores y flexbox. El curso en vídeo incluido ayuda, pero los usuarios no técnicos deben presupuestar el tiempo de aprendizaje real.
¿mosaic Builder funciona con temas de WordPress existentes?
Mosaic reemplaza su capa temática con su propio sistema Masters and Templates. Se envía con dos temas diseñados, Gibraltar y Monolith, además de un iniciador en blanco para construir completamente desde cero.
Lectura relacionada: Si está sopesando sus opciones, consulte nuestros resúmenes del mejores temas de Elementor y los mejores temas ligeros de WordPress para Elementor, sau verifică novedades de Master Addons v3.
