Actualización Divi 3.0 y su Nuevo Editor Visual Divi Builder
La nueva actualización del tema Divi (Divi 3.0) es la mayor y más importante llevada a cabo por Elegant Themes. Han sido varios meses de desarrollo para dotar a su emblemática plantilla de características únicas que no encontrarás en ningún otro theme del mercado.
Entre las mejoras implementadas a Divi3.0 se encuentra su nuevo editor visual Divi Builder, el cual ha sido regenerado desde cero usando React y que te permitirá crear tus sitios web como nunca antes lo habías hecho – editando los módulos y viendo los resultados al instante!
La Nueva Experiencia Visual de Editar con Divi Builder
Cuando cargas el nuevo editor visual Divi Builder, ves la página exactamente tal y como aparece en tu sitio web.
Al contrario de lo que ocurre con la anterior versión del Divi Builder, en la cual los elementos de la página están representados por bloques, en el nuevo Divi Builder los elementos se representan a si mismos! Puedes hacer click en cualquier sección, fila o módulo y editar las opciones de los elementos tal y como harías en el antiguo editor.
El nuevo Divi Builder proporciona una experiencia de edición más rica e intuitiva, especialmente en lo que se refiere a la interconexión entre los ajustes a los módulos y el resultado que ello conlleva.
Cuando haces un cambio con el nuevo editor, lo ves al instante! En tiempo real! Toda la edición tiene lugar en tu navegador, con lo que no es necesario usar “llamadas Ajax” para cargar los elementos o actualizar el diseño. De esta manera, crear una página es muy muy rápido.
Pues puede ser tuya a un precio de escándalo solo si te das prisa. Si te interesa dame tu email y te envío todos los detalles al instante.
Uno de los aspectos que ha guiado al equipo de Elegant Themes a la hora de crear su nuevo editor visual, es hacer una “interface invisible para el usuario”. Esto es, proporcionar una experiencia de creación web tan natural como sea posible y 100% visual.
La simplicidad es otro de los pilares de este nuevo Divi Builder, en el que se ha evitado sobrecargarlo con botones, esquemas, cuadros de opciones…y se ha ido más bien a lo esencial, dando indicaciones simples y pistas que permitan construir la web con comodidad.
La idea central es poder crear tu sitio web de una manera super intuitiva y fácil, casi sin darte cuenta de que lo estás creando.
Para lograr este objetivo de una experiencia de edición natural, es necesario que las acciones sean lo más naturalmente intuitivas posible. Por ejemplo, si clicas en algún texto deberías ser capaz de editarlo ahí mismo, en esa misma página, en lugar de tener que abrir un panel de “Settings”. Si arrastras el borde de una fila, deberías ser capaz de hacerla más grande o más pequeña directamente, sin necesidad de recurrir a opciones de personalización de anchura y sin necesidad de meter datos del tamaño o unidad de medida. Todo puede hacerse directamente y de una manera visual.
Todos los controles del antiguo Divi Builder y algunos más, van a estar integrados en el nuevo editor visual. Pero ahora todo será mucho más rápido, fácil e intuitivo, para conseguir así que crear tu web sea una experiencia muy gratificante.
Pues puede ser tuya a un precio de escándalo solo si te das prisa. Si te interesa dame tu email y te envío todos los detalles al instante.
Nuevo Divi Builder – El “editor In-Line”
En Elegant Themes han llamado a su nuevo Divi Builder el “Editor In-Line”. Se trata de un nuevo modo de añadir, editar, quitar y dar estilo al texto en todos los módulos de Divi de forma rápida y fácil.
Divi 3.0 introduce un editor visual totalmente nuevo, creado desde cero usando React. Este nuevo interface te permitirá crear y modificar páginas visualmente, en vez de estar limitado al antiguo builder basado en bloques. Es super rápido y fácil de usar y no necesita de curva de aprendizaje para los usuarios de Divi.
Parte de la nueva experiencia visual de edición que presenta el Divi Builder, se debe al “In-line Editor”, un nuevo modo de editar el texto en tu página…en tu misma página!!
Lejos van a quedar los días en que tenías que bucear entre una larga lista de módulos de texto, localizar el que contiene el texto que deseas cambiar, abrir las opciones del módulo de texto, editar el texto, ver el preview o vista previa de los cambios, guardar…¿Demasiados pasos, no?
Es mucho más simple lo que hace el nuevo editor: Miras el texto en tu página y directamente lo clicas y lo editas a tu gusto. Esto es solo un ejemplo de las mejoras que aporta el nuevo Divi Builder. Así da gusto crear un blog!!
La naturaleza Visual del nuevo Divi Builder te guiará a una experiencia de creación mucho más rápida e intuitiva.
Con la actualización Divi 3.0, en Elegant Themes perseguían hacer mejoras impactantes y conseguir ofrecer el mejor creador web del mercado…y vaya si lo han conseguido!!
Conclusiones
Divi 3.0 trae entre otras muchas mejoras, un editor visual muy potente que te permite construir todo visualmente.
A partir de ahora podrás editar tu web en la propia web, sin necesidad de ir al back-end o parte administrativa. Con el nuevo Divi Builder todo ocurre directamente en el front-end. Y ya no estás limitado a trabajar con los elementos de contenido en forma de bloques, ni acudir a ninguna vista previa antes de visualizar los resultados que tus acciones tienen sobre la web. Podrás ver en vivo y en directo como quedan las modificaciones que vayas realizando porque todo ocurre justo delante de tus ojos.
El mejor ejemplo de la marcada naturaleza visual del nuevo Divi Builder está en el In-line Editor, que te permite añadir, modificar y dar estilo a los textos directamente en la página, sin necesidad de abrir ningún panel de opciones de módulo. Simplemente clicas el texto y lo modificas como quieras. Puedes incluso crear posts enteros con una simple columna y módulo de texto, y la experiencia es maravillosa. El nuevo In-line editor te da opciones adicionales como fuentes personalizadas y tamaños de texto.
Sin duda esta nueva actualización Divi 3.0 de Elegant Themes es la más ambiciosa de todas y el resultado es para quitarse el sombrero!
Descubre DIVI 3.0 – La Mejor Plantilla WordPress de la Historia
Pues puede ser tuya a un precio de escándalo solo si te das prisa. Si te interesa dame tu email y te envío todos los detalles al instante.
A mí me funciona muy mal el constructor visual en cuanto a los módulos de texto. Por defecto se enfoca en la pestaña de texto plano, muestra el etiquetado pero no toma los cambios y además no muestra el texto en texto enriquecido. A veces se soluciona luego de recargar muchas veces. Un fiasco total.
Hola José!
Me puedes comentar ¿qué plugin de caché estas manejando?. Por lo que comentas podría tratarse de un mal funcionamiento de tu pluguin de caché… espero tu respuesta
Buenas tardes Susana,
LLevo un tiempo usando Elegant Themes pero no uso Divi sino otras plantillas como Feather y Lucid. Podría usar también el Divi Builder para estas plantillas?
Me gustaría poder usar la nueva versión del Divi Builder pues la veo muy fácil de usar y realmente me puede ahorrar mucho tiempo.
Un saludo
Hola Silvia! disculpa por no contestar antes… El plugin se puede usar en cualquier plantilla y se instala como cualquier otro plugin de WordPress… Mucha Suerte!!
Hola Susana:
Enhorabuena por el post. Siempre aportando información…
Tengo una duda que comentarte. Habitualmente utilizo Divi para mis proyectos y el constructor Divi Builder como maquetador visual. Sin embargo, me ha salido un proyecto (hazel theme) ya iniciado que viene con el maquetador visual composer. Mi pregunta: ¿Es posible o es compatible Divi Builder con otros temas de WordPress diferentes a Elegant Themes? En mi caso, el theme es Hazel.
Hola Alberto!
Muchas gracias y disculpa por la tardanza en responder… Si utilizas el Divi Builder como plugin puedes usarlo con cualquier plantilla y, en el caso de Hazel no hay excepción. Debería funcionar perfectamente… Mucha Suerte y Feliz 2017!!
Hola Susana, buenas tardes, soy seguidor de su blog y tengo una duda. No se si es el sitio más adecuado para exponerla. Estoy haciendo una página web con tienda online incluida, el tema elegido es divi de WordPress pero me da problemas al editar los productos si tengo activado el plugin woocommerce. Cuál puede ser la solución??
Un saludo
Hola Eduardo!
Me sorprendes con lo de Woocommerce, tengo varias tiendas creadas con Divi y usando este plugin y no tengo ningún problema para configurar los productos… qué problema exactamente te genera a ti?… un saludo!
Gracias por el artículo, la nueva versión de Divi es increíble, el editor visual es muy atractivo e intuitivo.
Muchas Gracias Rudy!
Totalmente de acuerdo contigo. A partir de ahora crear webs profesionales va a ser coser y cantar, y sobre todo mucha diversión 🙂
Si antes estaba encantada con Elegant Themes ahora ni te cuento. Y lo bueno es que el nuevo editor visual también funciona igualmente con Extra Theme. Y los que usan otras plantillas WordPress (incluso aunque no sean de Elegant Themes) pueden también disfrutar de este nuevo y fantástico Page Builder gracias al Plugin Divi Builder.
Ahora solo queda divertirse creando 🙂
Un saludo!