La nueva interfaz de Divi 5

Caracteristicas de las nueva interfaz de Divi

Interfaz personalizable

Crear un sitio web es algo personal, y la interfaz que uses para crearlo también debería serlo. La interfaz de Divi 5 te permite personalizar el tamaño, la posición y la agrupación de los paneles, así como el modo claro/oscuro y las superposiciones de la interfaz.

Diseñado para la velocidad

La interfaz de Divi 5 pone a tu alcance tanto las acciones comunes como las avanzadas. Editar valores responsivos, añadir elementos, extender estilos, gestionar estilos globales y mucho más está siempre a un solo clic.

Hecho para durar

Divi 5 se diseñó pensando en el futuro. Su interfaz sencilla y personalizable se creó para escalar sin problemas con un sinfín de nuevas funciones e integraciones de terceros.

¿Cómo es la interfaz de Divi 5?

Así es la nueva interfaz de Divi 5 WordPress. Un rediseño completamente nuevo y adaptado a los nuevos tiempos. Aquí os muestro una imagen donde iremos repasando cada uno de los elementos, y en algunos, podré daros un enlace a un artículo para que lo podáis estudiar con mayor profundidad.

1 Editor de lienzos

El editor de lienzos proporciona un espacio de trabajo independiente para crear, organizar y gestionar contenido fuera del lienzo, como menús, ventanas emergentes y variaciones de diseño predefinidas.

2 Acoplamiento multipanel y paneles con pestañas

Divi incluye numerosas ventanas de aplicaciones que resultan útiles para tener siempre abiertas y acceder a ellas fácilmente. Los paneles acoplables y con pestañas permiten organizar el espacio de trabajo para lograr un flujo de trabajo más eficiente.

3 Capas de interacción

Divi te permite personalizar la interfaz del lienzo para mostrar más o menos información al pasar el cursor sobre los elementos de la interfaz, o bien, crear tu diseño en modo de estructura alámbrica.

4 Panel de capas

El panel Capas muestra una descripción general concisa de la estructura de su diseño, lo que le permite seleccionar fácilmente elementos en su página, reordenarlos y buscar capas.

5 Puntos de interrupción personalizables

Divi ahora incluye siete puntos de interrupción predefinidos que cubren todo tipo de dispositivos, y puedes personalizar el ancho de cada uno, lo que te permite controlar tu diseño en cualquier tamaño. Puedes consultar más información sobre los puntos de interrupción personalizables en este enlace.

6 Menús contextuales

Haz clic con el botón derecho en cualquier elemento del editor para obtener una lista de acciones contextuales según lo que selecciones.

7 Agregar elemento

Al pasar el cursor sobre el lienzo, verá botones "+AÑADIR" que le permitirán agregar elementos contenedores y elegir entre docenas de módulos de contenido.

8 Ancho del lienzo y zoom

Los controles de ancho y zoom te permiten crear y previsualizar tu sitio web en cualquier ancho, independientemente del tamaño de la pantalla que estés utilizando.

9 Migas de pan

Disfrute de una práctica vista general de los contenedores principales de su selección actual para seleccionarlos rápidamente y comprender la estructura de su diseño.

10 Preajustes de diseño

Crea diseños de forma rápida y consistente asignando ajustes preestablecidos a elementos o incluso atributos específicos como bordes, sombras, espaciado y mucho más. Puedes consultar más información sobre los preajustes de diseño en este enlace.

11 Configuración Búsqueda y filtros

Encuentra fácilmente lo que buscas buscando configuraciones con palabras clave específicas. O filtra las configuraciones para ver solo los estilos modificados, solo los campos que contienen variables, solo los estilos de color y mucho más. Puedes consultar más información sobre la configuración de la búsqueda y filtros en este enlace.

12 Variables de campo

Las variables globales de Divi para tamaños, colores, fuentes, imágenes, cadenas de texto y URL se pueden colocar en cualquier campo aplicable a lo largo de sus miles de configuraciones. Puedes consultar más información sobre las variables de campo en este enlace.

13 Unidades avanzadas

Los campos de entrada de Divi admiten unidades CSS, variables globales, funciones matemáticas y mucho más, lo que te permite dimensionar y posicionar elementos en tu página con precisión profesional. Puedes consultar más información sobre las unidades avanzadas en este enlace.

Conclusiones

La nueva interfaz de Divi 5 no es más que un espacio de trabajo moderno para la web moderna.