Elegant Themes Divi Builder

Divi Builder en el theme que ya tienes: coherencia desde la primera página

Tienes un theme que funciona, pero cada página nueva sale distinta de la anterior: un botón con otro radio, un título de otro tamaño, un espaciado a ojo. Divi Builder pone un editor visual sobre el theme que ya usas, y su valor no está en crear la primera página, sino en que la décima se parezca a la primera.

Es el editor visual de Divi en formato plugin. Funciona con cualquier theme. Diseñas arrastrando y soltando, editando en directo sobre la propia página y sin escribir código.

Divi Builder según quién lo instala

Freelance o agencia

Tu problema no es maquetar una página, es entregar diez que parezcan de la misma marca y poder retocarlas sin abrirlas una a una. Los estilos globales y los presets de clase permiten definir un estilo una vez y reutilizarlo: al cambiar un preset, se actualiza en todo el sitio. También puedes guardar elementos globales y sincronizar solo algunos estilos, dejando únicos los que lo necesiten.

Pyme que se hace su propia web

Lo que más cuesta no es el diseño, sino mantener el criterio visual cuando vas añadiendo páginas sin un diseñador al lado. El editor visual y las plantillas prediseñadas te dan un punto de partida que adaptas a tu marca, y las variables globales de colores, fuentes y tamaños evitan que cada página invente su propio estilo.

Quien publica contenido o catálogos

Si repites el mismo bloque para entradas, portfolios o productos, el Loop Builder y el contenido dinámico permiten diseñar el bloque una vez y repetirlo para entradas, términos o usuarios. Sirve para listados de blog, páginas de tienda o portfolios con un aspecto propio.

Flexbox, Grid y breakpoints: el control está en cada pantalla

Divi Builder no se limita a colocar módulos en columnas. Estas son las funciones que más cambian el resultado:

• Maquetación con CSS Flexbox y CSS Grid, para construir diseños fluidos y estructurados más allá de las columnas clásicas.
• Puntos de ruptura personalizables: hay siete predefinidos para distintos dispositivos y puedes ajustar el ancho de cada uno, con estilos y disposición distintos por tamaño de pantalla.
• Variables globales de colores, fuentes, tamaños, imágenes, textos y URL, utilizables en cualquier campo compatible, además de unidades CSS y funciones matemáticas.
• Panel de capas, migas de pan, menú contextual con clic derecho y búsqueda de ajustes, útiles cuando una página crece y ya no sabes dónde está cada cosa.

Si necesitas ir más lejos, admite código y CSS propios, así que no te encierra en lo visual.

Preguntas frecuentes sobre Divi Builder

¿Funciona con cualquier theme?

Sí, está pensado para usarse con cualquier theme. Si tu theme controla cabecera y pie, prueba en una demo hasta dónde llega tu control.

¿Necesito saber programar?

No. El diseño se hace de forma visual y sin código, aunque puedes añadir CSS o código propio cuando lo necesites.

¿Puedo ajustar el diseño para móvil y tablet por separado?

Sí. Con los puntos de ruptura puedes definir estilos y disposición distintos para cada tamaño y cambiar el ancho de cada punto.

¿Sirve para blogs o tiendas?

Sirve para diseñar listados de entradas, páginas de tienda y portfolios con contenido dinámico. Funciona sobre el diseño y la maquetación de tus páginas.

El ecosistema Divi es más grande que este plugin

Divi AI, Quick Sites, Divi Cloud y el Divi Marketplace forman parte del ecosistema Divi, pero no los des por incluidos al instalar el plugin. Comprueba qué ves en la demo antes de contar con ellos.

Si lo usas con un theme distinto de Divi, comprueba también cuánto control tienes sobre cabeceras, pies y plantillas globales, porque ahí el resultado depende del theme.