Divi 5 Guía para principiantes: cómo dominar los conceptos básicos

Si ha estado escuchando sobre Divi 5 y se ha preguntado sobre el estado actual, esta guía para principiantes de Divi 5 es para usted.

Divi 5 es el futuro del Divi Visual Builder, confiable y amado por los usuarios de WordPress. Reconstruido desde cero, Divi 5 ofrece un rendimiento más rápido y una experiencia más intuitiva. Combina todo lo que Divi es conocido sobre una base moderna y escalable que facilita el diseño web para todos.

En esta publicación, lo guiaremos a través de todo lo que necesita para comenzar y sentiremos seguros de usar Divi 5, ya sea que sea nuevo en Divi o en la transición de Divi 4.

Divi 5 está en su etapa alfa, pero está listo para usarse en nuevos sitios web hoy.

¿Qué es Divi 5?

Divi 5 es la última versión del tema Divi WordPress, pero es más que una actualización. Es una reconstrucción completa del marco de construcción de sitios web de Divi, diseñado para brindarle un control creativo completo sin escribir código personalizado.

En el corazón de Divi 5 hay un constructor visual más rápido y modernizado. Es más ligero, más receptivo y elimina los problemas comunes que los usuarios enfrentaron en Divi 4, como tiempos de carga lenta, salida hinchada y retraso del constructor. Todo se siente más ágil, más suave y más intuitivo.

Está creado para ayudarlo a pasar de una idea a otro sin cambiar de herramientas, escribir código o perder tiempo en la configuración. Aquí está como:

• Un constructor visual en tiempo real que responde más rápido, se siente más ligero y le permite arrastrar, soltar y personalizar con menos retraso y más precisión. Prueba por ti mismo aquí.
• Diseños DIVI prediseñados que lo ayudan a aplicar hermosos diseños de páginas adaptados a diferentes industrias y objetivos.
• Docenas de módulos Divi que manejan todo, desde texto e imágenes hasta deslizadores, galerías, formas, tablas de precios y más.
• Herramientas de marketing como Divi lidera para las pruebas divididas, Bloom para Opt-Ins de correo electrónico y monarca para compartir social.
• Opciones de personalización avanzadas, como preajustes, variables de diseño y estilos globales, le permiten mantener su diseño consistente y en la marca.

Lo que hace que Divi 5 se destaque es lo intencional que se siente. Toda la experiencia, desde el diseño hasta la interfaz y el rendimiento, está diseñada para ayudarlo a moverse más rápido, mantenerse organizado y disfrutar de un flujo de trabajo sin código sin frustración.

¿Es fácil hacer la transición de Divi 4 a Divi 5?

Divi 5 es el sucesor de Divi 4, lo que significa que es mejor. Entonces, si estás acostumbrado a Divi 4, la idea de cambiar puede parecer abrumadora. Pero comencemos diciendo que Divi 5 está construido con compatibilidad con atraso . Esto significa que cualquier sitio web de Divi 4 funcionará con Divi 5.

Divi 5 también mantiene todo lo que amó de Divi 4, pero lo hace mejor. La experiencia intuitiva general sigue siendo familiar, por lo que podrá familiarizarse con Divi 5 rápidamente. Discutamos algunas razones por las que debe hacer el cambio de Divi 4 a Divi 5.

Divi 5 Builder ofrece un rendimiento más rápido y optimizado

Divi 5 fue construido con arquitectura moderna. Una de las mayores mejoras es la eliminación de códigos cortos, lo que causó una salida hinchada y un rendimiento más lento en Divi 4. El constructor ahora se carga rápidamente y se siente mucho más ligero en general.

Otra actualización importante es la reentrera más inteligente. En Divi 4, incluso pequeños cambios podrían desencadenar actualizaciones innecesarias en el diseño. Divi 5 solo vuelve a renderizar lo que realmente cambia, reduciendo el retraso y manteniendo la experiencia suave, incluso en páginas complejas.

Observe que los milisegundos Divi 4 (a la izquierda) se necesitan para cargar el constructor visual. Divi 5 lo carga casi de inmediato.

Para respaldar esta velocidad, eliminamos las animaciones de transición del panel de configuración, minimizamos los redibujados innecesarios y refinamos cómo se aplican las actualizaciones en tiempo real. Estos pequeños cambios hacen que el constructor se sienta más receptivo con cada clic.

Divi 5 ofrece una experiencia de edición más fácil y simple

Los pequeños detalles a menudo tienen el mayor impacto en cómo se construye. Divi 5 presenta una gama de mejoras sutiles pero potentes que hacen que la interfaz del constructor sea más intuitiva.

Para empezar, la edición de contenido ahora es más rápido que nunca. Con una edición de un solo clic, puede hacer clic directamente en cualquier texto o módulo y comenzar a escribir, sin pasos adicionales y sin alternar entre los menús. Hace que toda la experiencia se sienta inmediata y sin esfuerzo. (En Divi 4, requirió múltiples clics para abrir el panel de configuración de un módulo).

Otra actualización es el acoplamiento del panel , que le permite fijar el panel de configuración a cada lado de la pantalla. Esto mantiene su diseño completo a medida que realiza cambios y evita que la configuración cubra su área de trabajo. (Esta capacidad no está presente en Divi 4.)

Las nuevas migas de pan en la parte superior del panel de configuración le muestran la ubicación exacta en la estructura de diseño para que siempre sepa dónde se encuentra, especialmente cuando trabaja con elementos profundamente anidados.

También puede cambiar entre modos de luz y oscuridad en el constructor, que no estaban presentes en Divi 4. Estas actualizaciones le brindan un espacio de edición más limpio y enfocado, reduciendo el desorden visual y los clics innecesarios, por lo que tiene un mejor control sobre su espacio de trabajo.

Divi 5 simplifica la organización de gestión y diseño de configuraciones

Divi 5 trae un sistema más organizado e intuitivo para administrar estilos, configuraciones de diseño y ajustes receptivos.

Puede cambiar entre estados receptivos y desplazados directamente dentro de cada configuración de diseño para ajustar el espacio, la tipografía o los efectos para cada interacción y tamaño de la pantalla sin conmutar vistas.

Del mismo modo, los preajustes de módulos, las variables de diseño y los preajustes de los grupos de opciones son más fáciles de aplicar y administrar en su sitio. (Los cubriremos en detalle en la sección a continuación).

Con Divi 5, estamos mejorando la base y agregando nuevas características más avanzadas para ayudarlo a optimizar su flujo de trabajo de diseño web sin codificación personalizada. Con las actualizaciones lanzadas cada dos semanas, solo está mejorando desde aquí.

Nuevas características de divi 5 que debes conocer sobre

Veamos las nuevas características que agregamos recientemente a Divi 5 y cómo lo ayudan a construir sitios web más rápido:

1. Los puntos de interrupción personalizables ofrecen una flexibilidad más receptiva

Una de las adiciones más emocionantes en Divi 5 son los puntos de descanso receptivos personalizables. En Divi 4, estaba limitado a los tres tamaños estándar de dispositivos: teléfono, tableta y escritorio. Tenía que usar el código personalizado para ajustar los diseños para ancho de pantalla más específicos.

Con Divi 5, esa limitación se ha ido. Ahora puede acceder a siete puntos de interrupción predefinidos, incluidos los teléfonos anchos, ancho de las tabletas, la pantalla panorámica y ultra amplia, junto con los familiares.

Puede habilitar o deshabilitar estos puntos de interrupción adicionales en función de sus necesidades de diseño y cambiar sus valores de ancho para el control total. Esto le brinda mucha más flexibilidad al crear sitios web receptivos.

Para administrar sus puntos de interrupción, haga clic en los tres puntos para abrir el panel de puntos de interrupción receptivos en todo el sitio . Alterne en cualquier nuevo punto de interrupción que desee agregar y modifique el nuevo valor para su control de ancho si lo desea.

No se preocupe por perder sus estilos cuando deshabilite un punto de interrupción. Divi los guarda en segundo plano, por lo que si vuelve a habilitar ese punto de interrupción más tarde, sus personalizaciones volverán directamente. Esto es perfecto para probar diferentes diseños receptivos sin perder su trabajo.

2. Las variables de diseño lo ayudan a definir un sistema de marca consistente

Las variables de diseño pueden sentirse pequeñas en la superficie, pero transforman completamente su flujo de trabajo una vez que comience a usarlas. En lugar de ajustar manualmente la misma fuente, color o valor de separación en diferentes módulos, la define una vez y la reutiliza en su sitio. Cuando actualiza una variable, cada instancia se actualiza automáticamente, ahorrando tiempo y manteniendo su diseño consistente.

Esto es especialmente útil para sitios de varias páginas o proyectos de clientes donde es importante la consistencia de la marca. Puede establecer variables como el tamaño del texto del cuerpo, los colores de la cabeza, el relleno de botones o el estilo de enlace. Si necesita ajustar todos los H4, no necesita cazar cada bloque; Simplemente cambie el valor variable una vez.

No solo los atributos de diseño, también puede ahorrar valores de contenido comúnmente repetidos como la dirección de su empresa, los enlaces de productos e incluso los motivos de fondo para un acceso rápido. Esto lo ahorra del trabajo manual y ayuda a organizar mejor contenido repetido.

Dentro de su constructor visual, haga clic en el icono Variable Manager y elija entre seis tipos de variables: números, texto, imágenes, enlaces, colores y fuentes.

Para nuestro ejemplo, creemos una variable de texto . Nombre su variable y agregue su valor, luego guarde .

Para aplicar la variable de texto, haga clic en el elemento que desea modificar. En nuestro caso, la dirección. Dado que es la variable de texto, vaya al contenido en el panel de configuración y pase el paso sobre el cuerpo para localizar el icono de contenido dinámico . Ahora, haga clic en su variable guardada para aplicar:

3. Presets de grupo de opciones simplifica el sistema de diseño basado en el preajuste

Guardar y reutilizar estilos, como configuración de fondo, espaciado, sombras de caja, bordes y más, a través de los preajustes de los grupos de opciones puede ahorrarle mucho tiempo. Es posible que ya esté familiarizado con los elementos preestablecidos tradicionales en Divi 4, que se aplican a todo el elemento (sección, fila, columna, módulo).

El grupo de opciones preestablece en Divi 5 Tómelo un paso más profundo. Le permiten crear y aplicar preajustes a grupos específicos de opciones de diseño dentro de un módulo. Por ejemplo, puede guardar la configuración de borde como un grupo de opciones preestablecido sin afectar nada más.

Para hacerlo, primero personalizará su configuración preferida y luego las guardará como un preajuste. A continuación, guardé la sombra del botón como un cuadro Sombra 2 y la apliqué a otros botones.

Si desea reutilizar un estilo de botón con un efecto de desplazamiento específico, borde y color, pero deja el espacio y el estilo de texto solo, los preajustes del grupo de opciones le permiten hacer exactamente eso. Puede aplicar solo la configuración que necesita sin afectar el resto del módulo.

Mientras que las variables de diseño lo ayudan a controlar los valores centrales como fuentes, colores y espacios, los preajustes de los grupos de opciones van un nivel más profundo. Le permiten agrupar y reutilizar secciones de estilo enteras como preajustes globales. Juntos, forman un sistema de diseño basado en preestablecidos que le ayuda a construir rápidamente diseños consistentes sin escribir código personalizado.

4. Filas anidadas para diseños de diseño complejos

Las filas anidadas están construidas para diseñadores que desean la libertad de diseño sin complejidad. Con filas anidadas, puede construir diseños más sofisticados sin hacer malabares constantemente múltiples secciones o codificar las soluciones.

Hacen diseños complejos más fáciles de administrar e intuitivos para editar, especialmente cuando trabajan en páginas de destino, exhibiciones de productos, diseños de blog de múltiples columnas o muestran su mejor trabajo en una cartera asimétrica.

Agregue una fila anidada como módulo de contenido. Haga clic en el botón Black Plus, cambie a una nueva fila y elija su tipo de fila preferida.

Una vez insertado, se comporta exactamente como una fila de nivel superior. Además, cada fila anidada conserva la configuración de respuesta completa, lo que significa que puede controlar cómo se comporta a través de los puntos de interrupción. Ya no estás limitado a pensar en filas y columnas básicas. Con filas anidadas, piensa en capas, todo mientras mantiene su flujo de trabajo de diseño limpio y visual.

5. Grupos de módulos para organizar sus módulos

Los grupos de módulos son un nuevo elemento contenedor en Divi 5. Le permiten agrupar múltiples módulos relacionados en un solo grupo plegable dentro del Visual Builder. Esto hace que editar grandes secciones de su página sea dramáticamente más manejable, especialmente cuando se trata de diseños complejos llenos de elementos repetidos o diseños anidados.

Imagine un bloque de exhibición de productos con un encabezado, imagen, descripción, botón y un divisor de línea. En lugar de seleccionar o mover individualmente cada módulo siempre que desee replicar o ajustar el diseño, puede agruparlos una vez y tratarlos como una sola unidad.

El grupo de módulos está presente como otro módulo Divi 5. Elija el módulo de grupo para agregarlo. Puede agregar más módulos dentro, y todos se agruparán como un grupo de módulos.

6. Las unidades avanzadas lo ayudan a optimizar para un diseño más inteligente receptivo

En Divi 4, la mayoría de las entradas de estilo se limitaron a unidades básicas como píxeles y porcentajes. Con unidades avanzadas, ahora puede usar una gama mucho más amplia de unidades CSS, incluidas REM, EM, VW, VH, % e incluso potentes funciones de CSS como Clamp () como configuración visual en Divi 5. Esta característica es útil para los diseñadores que se preocupan por el diseño receptivo y la tipografía escalable.

Por ejemplo, también puede usar Clamp () para establecer un valor mínimo, ideal y máximo para el relleno o el tamaño de la fuente, por lo que su diseño se ve pulido en los dispositivos sin crear docenas de puntos de interrupción personalizados. La abrazadera de un encabezado (36px, 4VW, 48px) establecerá el tamaño de la fuente para comenzar a 36 px, escala basada en el 4% del ancho de la visión y dejará de crecer a 48 px.

Estos valores están incrustados en todas las configuraciones. También puede crear variables de diseño de números definiendo valores de unidad avanzados.

Estas características hacen que sea más fácil construir sitios web flexibles, receptivos y consistentes. Tendrá más control sobre su diseño directamente dentro del constructor, sin necesidad de escribir CSS personalizado o confiar en soluciones.

Pero esto es solo el comienzo. Lo que has visto hasta ahora representa solo una parte de lo que ofrece Divi 5. Estamos trabajando activamente en más características, todo diseñado para ayudarlo a construir más inteligente y más rápido. En esencia, Divi 5 se trata de hacer que el diseño web sea más inteligente. Cada actualización se centra en simplificar su flujo de trabajo y brindarle las herramientas para crear hermosos sitios web con menos esfuerzo. A partir de ahora le dará la ventaja de dominar Divi 5 antes de que esté listo para el lanzamiento final.

Una mirada dentro de Divi 5

Veamos cómo se ve la construcción de un sitio web con Divi 5. Para hacerlo, primero necesitará una configuración de WordPress en funcionamiento. Esto significa elegir un host web, registrar un nombre de dominio e instalar WordPress en su sitio. Asumiremos que tiene esto en ejecución antes de centrarnos en la siguiente parte de esta publicación:

1. Descargar, instalar y activar Divi 5

Aquí hay un video tutorial para comprar, instalar y activar Divi:

Una vez que su compra sea exitosa, podrá iniciar sesión en su elegante área de membresía de temas. Ahora descargue la carpeta Divi 5 Zip.

Regrese a su tablero de WordPress. Siga esta consulta: Apariencia> Temas> Agregar tema> Tema de carga. Luego cargue el archivo zip divi 5 desde su computadora y haga clic en Instalar ahora.

Una vez instalado, active el tema.

Finalmente, active su licencia Divi. Al hacerlo, podrá acceder a sus servicios seleccionados de manera efectiva. El proceso es automático, solo inicie sesión con sus credenciales de inicio de sesión de membresía ET una vez más.

Una vez que haya hecho esto, puede acceder a su tablero Divi 5. Su tablero le brinda información como el estado de su licencia Divi, actualizaciones, páginas, plantillas y más. También verá sitios rápidos de Divi, que usaremos para construir una base de sitios web.

Empiece con Divi

2. Cree su sitio web con Divi 5

La forma más rápida de construir un sitio web completo con Divi 5 es mediante el uso de sitios rápidos de Divi.

Usted elige entre dos opciones:

• Use un sitio de inicio prefabricado , y Divi 5 construirá un sitio web base utilizando la marca y el contenido del sitio seleccionado.
• O genere su sitio con AI para instruir a Divi AI para crear un sitio web único.

Así es como se ve el proceso con los sitios de inicio: usted elige un sitio de inicio y complete algunos detalles, como el logotipo de su sitio web y las páginas que desea crear.

Y así es como funciona con AI. Le cuentas a Divi Ai sobre tu sitio web y esperas a que cocine:

Divi Quick Sites es perfecto si desea acelerar su proceso de construcción de sitios web. Le brinda una estructura lista que puede personalizar aún más con su propia marca, contenido y estilo. No tiene que comenzar desde una página en blanco o diseñar cada diseño desde cero.

Si desea crear una nueva página desde cero o acceder al Divi Visual Builder, vaya a páginas> Agregar página.

Ahora, nombre su página y haga clic en Usar Divi Builder.

Entrarás en el Divi Visual Builder.

3. Aprenda sobre los conceptos básicos de Divi 5 Visual Builder

Si está accediendo a Divi 5 Visual Builder por primera vez, verá muchos íconos, así que aquí hay un tutorial rápido:

• (1.) Panel de barra lateral izquierda: este panel incluye herramientas de constructor. Puede agregar diseños prefabricados, acceder a su biblioteca de diseño, ver la estructura usando capas, cambiar a la vista de estructura alámbrica, guardar variables de diseño, ajustar la configuración del constructor y obtener ayuda.
• (2.) Barra superior: puede cambiar entre modos de respuesta. Los controles de ancho y zoom lo ayudan a ajustar el espacio de diseño a través de los puntos de interrupción. También encontrará deshacer/rehacer, diseño claro, historial y opciones de guardar aquí. Además de la salida, vista previa, guardar borrador y publicar botones para administrar su progreso.
• (3.) Barra lateral derecha: cuando hace clic en cualquier módulo, su configuración se abre a la derecha. Puede agregar contenido, diseñarlo y agregar CSS personalizado aquí. Las migas de pan en la parte superior (Página> Sección> Fila> Columna) muestran exactamente dónde vive el módulo dentro de su diseño.

A continuación, tiene dos elementos de contenedores: secciones (representadas en azul) y filas (siempre verde). Dentro de las filas, tiene columnas donde puede agregar módulos (en negro) .

Para agregar una sección, hará clic en el botón Blue Plus. Para una fila, es el botón Green Plus y el negro para un módulo. Obtiene diferentes tipos de opciones de fila para elegir. Dentro de una fila hay columnas.

Y dentro de las filas y columnas, agregará módulos de contenido como encabezados, imágenes, etc. Divi 5 ofrece más de 200 módulos de contenido para todos los fines, ya sea que desee agregar un formulario de contacto, testimonios, etc.

El módulo de grupo de módulo reciente le permite agrupar diferentes elementos para que pueda crear y guardar sus propios módulos. (El color gris representa un grupo de módulos).

4. Cree las páginas de su sitio con Divi 5

Incluso si no usa sitios rápidos de Divi, aún puede importar diseños prefabricados o usar divi ai para generar un diseño completo. Haga clic en el botón Blue Plus .

(1.) Le permite elegir entre más de 2500 diseños prefabricados y (2.) le permite instruir a Divi AI para generar su página. Así es como funciona la importación de un diseño prefabricado:

Si elige construir con Divi AI, solo necesita contarle sobre la página que desea construir.

Personalizando el diseño de su página

Si ha creado su página usando sitios rápidos de Divi, diseños prefabricados o divi ai, debe personalizarla para que sea suya. Para agregar su marca de manera consistente en todo su sitio web, la forma más fácil es definir sus variables de diseño.

Estos valores globales (como sus colores y fuentes primarios) se aplicarán automáticamente donde sea que los use. Para modificarlos, simplemente cambie el valor variable en el administrador de variables.

Para editar cualquier módulo, haga clic en él, y la configuración aparece en el panel del lado derecho.

Cada panel de configuración del módulo incluye tres pestañas:

• Contenido: aquí es donde agrega o edita el contenido real del módulo. También puede agregar enlaces, elegir un fondo o cambiar la etiqueta de administrador para ayudar a identificar el módulo más fácilmente.
• Diseño: el cambio a la pestaña de diseño le permite diseñar la apariencia visual del módulo. Puede cambiar el tamaño de la fuente, el peso, el color, la altura de la línea, el espacio, la alineación y más. Tenga en cuenta que diferentes módulos tienen diferentes opciones de configuración.
• Avanzado : la pestaña Avanzada le brinda control total sobre opciones más técnicas. Agregue CSS personalizado, establezca visibilidad receptiva y más. Es especialmente útil si desea personalizar más allá de lo que ofrece la pestaña de diseño.
• El icono de la computadora portátil le permite cambiar entre modos receptivos y desplazados. Al cambiar a un modo, puede personalizar todas las configuraciones y guardar.
• El botón predeterminado predeterminado es la función preestablecida de Divi. Aquí hay una diferencia entre los presets de elementos y los preajustes de los grupos de opciones.

Si está tratando con el bloque de un escritor, use Divi AI para agregar contenido (texto, imágenes y código). Casi todos los módulos te permiten usar AI. Todo lo que necesitas hacer es buscar el pequeño icono de IA.

Una vez que haya personalizado su página, recuerde guardar su borrador. Luego, una vista previa para ver que todas las cosas funcionen correctamente y publicar su página.

Empiece con Divi

5 consejos para aprovechar al máximo Divi 5

Divi 5 está en una etapa emocionante: la etapa alfa pública. Ha pasado por actualizaciones de tierra y grandes mejoras de rendimiento. Ahora todo lo que queda son nuevos lanzamientos de características y soluciones menores.

Esto también lo convierte en el momento perfecto para comenzar a construir con él. Cuanto antes comience, más cómodo estará cuando Divi 5 beta se lance por completo. Aquí hay algunas maneras de aprovechar al máximo su membresía Divi:

1. Manténgase actualizado con los nuevos lanzamientos

Las nuevas actualizaciones de características no son solo correcciones o ajustes de rendimiento, también son herramientas poderosas que cambian la forma en que crea sitios web. Desde puntos de ruptura personalizables hasta variables de diseño, filas anidadas y unidades avanzadas, cada adición se basa en la nueva base de Divi 5 para brindarle más control y velocidad.

Para permanecer en el ciclo, suscríbase al elegante canal de YouTube, donde Nick comparte regularmente los tutoriales y los anuncios de lanzamiento.

Suscríbete a nuestro canal de YouTube

2. Experimente con el nuevo Builder Divi 5

El Divi 5 Visual Builder es rápido, receptivo y construido para la eficiencia. Cada nueva adición de características contribuye a optimizar su flujo de trabajo, y le recomendamos que siga experimentando para desarrollar nuevas estrategias. Para ayudarlo, también publicamos nuevos tutoriales de características para compartir nuestros enfoques. Por ejemplo, nuestra publicación en diferentes estructuras de fila le muestra formas de usar filas anidadas para crear diseños inteligentes.

Haz que sea un hábito visitar el blog de temas elegantes regularmente para encontrar formas creativas de usar Divi 5.

3. Compartir y buscar Divi 5 consejos y trucos en la comunidad Divi

Una vez que comience a experimentar con Divi 5, ver cómo otros lo usan es igual de importante. Los diseñadores y desarrolladores de todo el mundo también están explorando las mismas nuevas características, probando diseños creativos y compartiendo sus resultados.

Desde usos inteligentes de puntos de interrupción hasta configuraciones de variables de diseño que ahorran tiempo, hay muchas cosas que puede aprender observando cómo otros abordan sus construcciones. Únase al grupo oficial de Facebook de Divi o foros centrados en Divi para descubrir tutoriales, hacer preguntas y obtener nuevas ideas de personas que trabajen con Divi 5. Es una de las formas más rápidas de aumentar sus habilidades y mantenerse actualizado.

4. Cree nuevos sitios web con Divi 5

La mejor manera de usar Divi 5 (en este momento) es crear nuevos sitios web desde cero. No hay razón para esperar si está comenzando un nuevo proyecto. Obtiene un rendimiento más rápido, un código más limpio y una mejor experiencia de edición de inmediato.

Pero si está trabajando con un sitio Divi 4 existente, es mejor esperar un poco más antes de migrarlo a Divi 5.

Dado que Divi 5 todavía está en desarrollo activo, algunos módulos Divi 4 y extensiones de terceros pueden no ser totalmente compatibles todavía. Dicho esto, como cada sitio web es diferente, este no será el caso cada vez. Si no está seguro, lo mejor que puede hacer es verificar la compatibilidad de su sitio. Para ayudar, también hemos creado una herramienta migradora Divi 5.

Escanea su sitio Divi 4 existente y le dice qué módulos son compatibles, cuáles no y qué necesitan atención. Esto le ayuda a tomar una decisión informada sin arriesgar su sitio en vivo.

Sin embargo, estamos muy cerca de la versión beta, por lo que nuestro consejo es crear nuevos sitios web solo usando Divi 5 y esperar un poco más antes de cambiar sus sitios Divi 4.

5. Construya un sistema de diseño Divi

Divi 5 presenta muchas características, por lo que puede ser confuso decidir cuáles usar y cuáles no. Por ejemplo, si está definiendo variables de diseño, ¿debería usar preajustes de grupos de opciones también? La mejor manera de resolver esto es experimentando y descubriendo qué funciona para usted. Y a medida que se lanzan nuevas características, puede continuar refinando su proceso.

Puede iniciar cualquier compilación del sitio web con variables de diseño para consistencia, luego usarlas dentro del grupo de opciones y los preajustes de elementos. Este enfoque estructurado ahorra tiempo, mantiene su marca alineada y le permite actualizar los estilos globales en solo unos pocos clics.

6. Informe errores cuando los encuentre

Divi 5 todavía está en desarrollo activo, por lo que es probable que encuentre algunos errores en el camino. Cuando lo hagas, nos encantaría que los denunciaras. Ayuda a nuestro equipo a solucionar problemas más rápido y nos acerca un paso más al lanzamiento beta. También puede confiar en nosotros para las dudas de Divi 5: nuestro equipo de soporte responde rápidamente y aquí para ayudar, y los usuarios profesionales también reciben soporte VIP las 24 horas, los 7 días de la semana para cualquier cosa urgente.

Elija Divi 5 para iniciar su viaje de diseño web

Divi 5 le ofrece un marco completo de construcción de sitios web, modernizado y reconstruido desde cero. Cada parte está diseñada para simplificar su flujo de trabajo, acelerar el rendimiento y establecerlo para el futuro del diseño web.

• Mejor que la competencia: mientras que la mayoría de los constructores se centran en características llamativas, Divi 5 se centra en el control, la velocidad y la usabilidad del mundo real. Está construido para trabajar contigo, no contra ti.
• Una actualización importante de Divi 4: Divi 4 ya era amada por los usuarios de WordPress. Divi 5 mantiene todo lo que a la gente le gustó y soluciona todo lo que no. Es más rápido, más ligero y más escalable.
• Todas las herramientas en un solo lugar: desde la edición visual hasta el contenido de IA, el almacenamiento en la nube, la creación rápida del sitio y las herramientas de marketing, Divi 5 le brinda todo lo que necesita para comenzar con fuerza y ​​crecer rápidamente.

Si está comenzando su viaje de diseño web hoy, comience con Divi 5. Está construido para hacia dónde va la web, no dónde ha estado.

Divi 5 está listo para usarse en nuevos sitios web hoy.