Divi 3.0 cuenta con un increíble Front End Builder para su tienda WooCommerce

Divi es nuestro tema de WordPress de elección cuando se trata de WooCommerce, y el nuevo divi 3.0 presenta un nuevo y completo "constructor visual" (también conocido como "editor front-end") que ha sido reconstruido desde cero utilizando React, una biblioteca de JavaScript moderna para interfaces de usuario. Este nuevo generador permite a los usuarios editar sus páginas de WordPress en el front-end de su sitio web usando controles visuales simples y hermosos. Cuando activa el generador, verá su página exactamente como aparecería en el front-end de su sitio web.

Sin embargo, con el generador activo, la página se puede editar usando la gran variedad de elementos de contenido y configuraciones de diseño de Divi. Puede hacer clic en un párrafo y comenzar a escribir, resaltar texto y ajustar su fuente, tamaño y estilo, o abrir la configuración de cualquier elemento y cambiar su contenido, apariencia y posición. Arrastrar, soltar, redimensionar, copiar, pegar, eliminar y duplicar elementos también es fácil.

La página se vuelve viva y cada elemento se siente tangible porque puedes manipular todo de manera natural e intuitiva. Cuando realiza un cambio de diseño o agrega contenido nuevo a una página, estos cambios aparecen instantáneamente. Esto se debe a que el nuevo generador visual no depende de la carga tradicional, por lo que es necesario actualizar las páginas o barras de carga de Ajax durante la mayor parte de la experiencia del constructor. Este es el futuro de WYSIWYG.

Agregar nuevo contenido desde los módulos 40 + de Divi

Agregar contenido nuevo en Divi 3.0 es simple. Desplácese sobre la ubicación deseada en la página y haga clic en el botón "+" para agregar un nuevo elemento. Usted es recibido con una lista de módulos de contenido 40 + de Divi que se pueden utilizar para construir casi cualquier tipo de sitio web. No es necesario arrastrar y soltar contenido desde un muelle central porque la información sobre herramientas de contenido de Divi siempre está ahí cuando lo necesita.

Inline-Editor-1

Personaliza fácilmente todo

La belleza de Divi 3.0 se hace evidente cuando comienzas a ajustar el diseño de tu contenido. Todo se puede personalizar y puede ver esos cambios aparecer en tiempo real:

  • Elija entre docenas de fuentes personalizadas.
  • Ajuste el color del texto, el tamaño, la altura de la línea y el espaciado entre letras.
  • Agregue relleno y márgenes personalizados.
  • Cambia las estructuras de las columnas y las alturas de las filas.
  • Agrega colores e imágenes de fondo.
  • Habilita fondos de paralaje y fondos de video.
  • Arrastra, suelta, copia y pega elementos de contenido.
  • Aplique diferentes configuraciones de diseño para cada punto de interrupción receptivo.
  • Arrastre para ajustar alturas y anchuras de fila.
  • Disfruta de una hermosa experiencia de edición en línea

Cuando el nuevo generador visual está activo, todo el texto de la página se puede editar. No es necesario abrir la configuración de un elemento para ajustar el contenido del texto. Simplemente haga clic en cualquier párrafo y comience a escribir para agregar texto, o resalte cualquier texto para ajustar su fuente, tamaño, estilo y espaciado. Han creado su propia interfaz de usuario de editor en línea que es súper suave y maravillosa de usar. Si alguna vez te has sentido frustrado por la interfaz ocupada de TinyMCE, te sorprenderás gratamente cuando uses Divi 3.0.

Experimenta una velocidad increíble

El constructor visual de Divi 3.0 es probablemente la experiencia de creación de sitios web en línea más rápida que haya utilizado. Hay poco o ningún refresco de página o barras de carga de Ajax. De hecho, no hay carga tradicional de ningún tipo durante la mayor parte del proceso de construcción. Esto se debe a que JavaScript potencia al constructor y la experiencia de construcción se produce completamente en su navegador.

En lugar de confiar en la comunicación entre su navegador y su servidor para que se produzcan cambios, el creador de Divi 3.0 solo necesita esperar el tiempo que lleva la aplicación para calcular cada cambio. Cuando se usa con una computadora decente y un navegador moderno, experimentará actualizaciones casi instantáneas a medida que agrega y ajusta el contenido. La carga de su servidor, la velocidad del servidor y la velocidad de Internet ya no son un factor.

La interfaz de generador "invisible" y personalizable

Personalizable-Interface-2

Ellos nombraron el nuevo diseño visual del nuevo constructor visual como "Interfaz invisible". Esto representa una de sus filosofías centrales de diseño, que es que "un buen diseño a menudo pasa desapercibido". La mejor interfaz de usuario es una que no se interponga en su camino, y Una que predice tus intenciones y te ofrece soluciones. Esto es lo que significa que una interfaz sea verdaderamente "intuitiva". Divi 3.0 no lo bombardea con cuadrículas, líneas y botones innecesarios. No hay encabezados flotantes ni barras laterales para robar el espacio de su pantalla o las superposiciones para ocultar su visión. Cuando cargue por primera vez el generador, es posible que ni siquiera sepa que está allí, pero cuando comienza a explorar la página con el mouse, los controles se vuelven evidentes.

El constructor visual de Divi 3.0 es el primer desarrollador de páginas de WordPress en ofrecer una interfaz personalizable. Esto significa que no está encasillado en ciertas convenciones de UI cuando se trata de cómo se muestran los controles del generador. Puede optar por que estas configuraciones aparezcan en un menú emergente modal, o puede ajustar esa ventana emergente al costado de la página e ingresar al modo de "barra lateral". Puedes ajustar
el tamaño y la posición de la ventana emergente y la barra lateral para que pueda optimizar su espacio según el tamaño de la pantalla o el contenido de la página.

Catalin Zorzini

Soy un blogger de diseño web y comencé este proyecto después de pasar algunas semanas luchando por descubrir cuál es la mejor plataforma de comercio electrónico para mí. Echa un vistazo a mi actual top constructores de sitios de comercio electrónico de 10.