Divi Theme Review – ¬ŅEl mejor tema multiprop√≥sito 2020?

Divi es el √ļltimo tema de Elegant Themes y est√° disponible como parte de su paquete de 87 temas y 3 complementos. El tema ha atra√≠do mucha atenci√≥n desde su lanzamiento, gracias a su atractivo dise√Īo y gama de caracter√≠sticas, incluida la herramienta de creaci√≥n de p√°ginas Divi.

Divi se ha actualizado regularmente desde su lanzamiento inicial y ahora es el tema principal de Elegant Themes. Una actualización reciente hizo que el ya impresionante creador de páginas recibiera una revisión importante. Gracias a esto, Divi es ahora uno de los pocos temas de WordPress que incluye una verdadera herramienta de creación de páginas front-end con edición en línea de apuntar y hacer clic. Por lo tanto, si está buscando un tema elegante de WordPress que pueda personalizar en casi todos los sentidos, Divi podría ser el tema para usted.

Para ayudar a establecer la calidad del tema, esta revisión de Divi analizará las características del tema, así como probará la herramienta de creación de páginas para ver qué tan fácil es usar y qué puede hacer exactamente.

Instalación

Despu√©s de instalar el tema Divi (Apariencia> Temas> Agregar nuevo> Cargar), se agregan una serie de elementos de men√ļ al panel de WordPress. Estos se pueden encontrar en el men√ļ Apariencia y le permiten configurar el tema.

Panel de control de opciones de tema Divi

En una actualizaci√≥n reciente de Divi, el panel de control de Opciones de tema se ha revisado por completo para darle un dise√Īo m√°s elegante.

Divi Review Nuevo Panel de Control

Además de la interfaz de usuario mejorada, el panel de control de Opciones de tema de Divi ahora es mucho más potente. A través de la configuración y las opciones, puede cargar rápidamente un logotipo para su sitio web, elegir una nueva paleta de colores, configurar integraciones de redes sociales, decidir cuántas publicaciones se muestran en una página y mucho más.

Divi Review Nueva navegación del panel de control

Otras configuraciones del panel facilitan el control del funcionamiento de la navegaci√≥n de su sitio, la configuraci√≥n global de los dise√Īos generales de sus publicaciones y p√°ginas, la administraci√≥n de anuncios y la configuraci√≥n de la optimizaci√≥n del motor de b√ļsqueda (SEO) si no est√° utilizando un Complemento SEO dedicado.

Apariencia de Divi

Divi 01

Como Elegant Themes ha estado funcionando durante algunos a√Īos, con la colecci√≥n que ahora contiene 87 temas (y 3 complementos), no es demasiado injusto decir que muchos de los temas se ven bastante desactualizados hoy en d√≠a, tanto en t√©rminos de apariencia como de funcionalidad. Realmente solo hay un pu√Īado de temas en el paquete que atraer√°n a la mayor√≠a de los usuarios. As√≠ que, a primera vista 87 temas de WordPress por $ 89 Suena como un trato inmejorable, no es toda la historia. Aunque los complementos son herramientas muy √ļtiles y actualizadas para mejorar los sitios web de WordPress.

Sin embargo, la llegada de Divi, su tema m√°s avanzado y quiz√°s visualmente atractivo hasta la fecha, ha convertido a este club tem√°tico en un fuerte competidor una vez m√°s.

Este tema se ve excelente como muestra la demostraci√≥n. Es un gran paso adelante de los esfuerzos anteriores e incorpora muchos de los elementos m√°s populares de los √ļltimos temas premium de WordPress. Estas caracter√≠sticas incluyen dise√Īos de ancho completo, controles deslizantes grandes, iconos atractivos, un dise√Īo receptivo, dise√Īos de p√°gina completa y mucho m√°s.

Características Divi

Divi tambi√©n es compatible con WooCommerce, por lo que cualquiera que construya una tienda de comercio electr√≥nico con WordPress puede aprovechar la excelente apariencia de Divi. De hecho, el tema viene con una serie de dise√Īos preconstruidos para cualquiera que cree una tienda en l√≠nea.

Divi eCommerce

Gracias a los diferentes dise√Īos que vienen con este tema, puede usarse f√°cilmente para cualquier n√ļmero de prop√≥sitos. Estos pueden ir desde la creaci√≥n de una p√°gina de ventas, el sitio web de una agencia creativa, una gama de tipos de cartera, m√ļltiples dise√Īos de blog y mucho m√°s.

El dise√Īo y la apariencia de Divi son realmente impresionantes y el aspecto es lo suficientemente vers√°til como para ser utilizado en casi cualquier tipo de sitio web. Sin embargo, el dise√Īo visual y la apariencia de Divi no son la √ļnica gran caracter√≠stica que se ofrece.

Constructor de p√°gina Divi Drag and Drop

Nueva interfaz de usuario frontal

Uno de los aspectos m√°s destacados del tema Divi, adem√°s de su impresionante dise√Īo y apariencia, es su herramienta de creaci√≥n de p√°ginas de arrastrar y soltar. Con el lanzamiento de Divi 3.0, este creador de p√°ginas ha sido totalmente actualizado y mejorado. El Divi Builder ya no es simplemente una herramienta de creaci√≥n de p√°ginas de back-end. Ahora puede crear dise√Īos de p√°gina personalizados para su sitio web de WordPress a trav√©s de una interfaz de usuario en vivo, front-end, de apuntar y hacer clic.

La antigua interfaz del creador de p√°ginas Divi

En el pasado, con Divi, ten√≠a que crear sus dise√Īos de p√°gina personalizados en el back-end de su sitio web de WordPress, antes de cambiar a la vista frontal para averiguar c√≥mo se ver√°n para sus visitantes. Ahora el trabajo puede realizarse en el front-end de su sitio web, brind√°ndole comentarios instant√°neos sobre sus acciones.

Divi 3 Nueva interfaz de usuario del generador de p√°ginas front-end

A trav√©s de la nueva interfaz visual frontal Divi Builder, puede hacer clic para editar su contenido, usar los paneles emergentes para personalizar su apariencia y arrastrar elementos alrededor de la p√°gina para dise√Īar el contenido perfecto para su sitio web. Estos dise√Īos personalizados se pueden utilizar para las p√°ginas internas de su sitio web, as√≠ como su p√°gina de inicio.

Cómo iniciar el constructor Divi

Comenzar es simplemente hacer clic en el botón Usar el Divi Builder en la publicación de WordPress o en la pantalla del editor de páginas. De forma predeterminada, comenzará en el antiguo editor de fondo del generador, con la opción de iniciar el nuevo generador visual.

Vista de dise√Īo de p√°gina a trav√©s de la interfaz de fondo

El editor de fondo tiene sus ventajas. Su interfaz simplificada hace que la creaci√≥n de sus dise√Īos personalizados basados ‚Äč‚Äčen filas y columnas sea relativamente m√°s sencilla. No te distrae la apariencia y el contenido de tu dise√Īo, solo ves el dise√Īo y los m√≥dulos que contiene. El hecho de que cada m√≥dulo est√© representado por un cuadro claramente etiquetado hace que sea f√°cil ver c√≥mo se ha construido la p√°gina en la que est√° trabajando, sin tener que preocuparse por c√≥mo se presenta.

Cómo iniciar el editor frontal desde el editor final

Si bien el editor de fondo tiene sus usos, la nueva interfaz de desarrollo visual frontal es la opci√≥n preferida para personalizar la apariencia de sus dise√Īos y agregar contenido a sus nuevos dise√Īos de p√°gina. Una vez que se ha lanzado el generador visual Divi, r√°pidamente queda claro que esta no es la herramienta promedio de creaci√≥n de p√°ginas de WordPress.

Interfaz de usuario Divi 3 ejemplos de iconos

Los materiales de marketing de Divi se refieren a la interfaz del creador de páginas como invisible y esa es una excelente manera de describirlo. La interfaz de usuario está muy en segundo plano. Los controles solo se muestran cuando el cursor se mueve sobre un módulo. Cuando esto sucede, solo los botones relevantes se vuelven visibles.

Panel emergente del generador de p√°ginas

Si hace clic en un icono, como el botón de configuración de un módulo específico, se muestra el panel de opciones correspondiente. Se han hecho todos los esfuerzos para evitar distraer al usuario, con la interfaz de usuario mínima funcionando realmente bien.

Ejemplo de información sobre herramientas de la interfaz de usuario de Divi Builder

El uso intensivo de iconos puede ralentizar un poco las cosas al principio, al menos hasta que aprenda sus significados. Sin embargo, las etiquetas de texto descriptivo se muestran después de pasar el mouse sobre un ícono por un momento.

Edición de apuntar y hacer clic

Quizás la mejor característica de la nueva interfaz de usuario de Divi Builder es la capacidad de editar texto, directamente a través de la vista frontal. Ahora puede simplemente hacer clic en un módulo de texto en su página y comenzar a escribir. Formatear el texto es igual de fácil, gracias a la barra de propiedades de texto flotante que se muestra a medida que escribe.

Panel de configuración de página

La nueva y mejorada interfaz de usuario front-end de Divi Builder no solo facilita la creaci√≥n de dise√Īos de p√°gina personalizados, sino que tambi√©n acelera considerablemente las cosas.

Módulos Divi Page Builder

Módulos de contenido Divi Builder

Adem√°s de darle la posibilidad de crear dise√Īos avanzados para su contenido, que consta de m√ļltiples filas y columnas, Divi Builder incluye una variada selecci√≥n de m√°s de 40 m√≥dulos de contenido. Estos m√≥dulos se pueden insertar en sus dise√Īos de p√°gina personalizados e incluyen opciones como reproductores multimedia, botones de llamada a la acci√≥n, controles deslizantes de contenido, tablas de precios, testimonios y mucho m√°s.

Ejemplo de un módulo Divi 3

Todos estos módulos se pueden personalizar para adaptarse mejor a su sitio web. Muchos de los módulos pueden reemplazar la funcionalidad de complementos individuales. Esto puede ayudarlo a ahorrar dinero, al tiempo que evita sobrecargar su sitio web de WordPress con una creciente biblioteca de complementos.

Plantillas y dise√Īos de p√°gina de Divi Builder

Ejemplo de un dise√Īo de Divi Builder

Crear sus propios dise√Īos de p√°gina personalizados es relativamente sencillo con Divi Builder. Sin embargo, tiene acceso a algunas plantillas de dise√Īo de p√°gina impresionantes y muy √ļtiles. Estos dise√Īos prefabricados pueden importarse r√°pidamente a sus publicaciones y p√°ginas y personalizarse mediante la interfaz de usuario de arrastrar y soltar.

C√≥mo cargar un dise√Īo Divi

Los m√°s de 20 dise√Īos incluidos con el constructor cubren una amplia gama de prop√≥sitos, desde p√°ginas y secciones de cartera hasta p√°ginas de inicio de agencias creativas y plantillas de estudios de casos. A menudo, el equipo de Elegant Themes comparte nuevos dise√Īos y se pueden descargar m√°s a trav√©s de su sitio web. Los dise√Īos de Divi tambi√©n son compartidos por fuentes de terceros, lo que le proporciona excelentes puntos de partida para sus propios proyectos. Puede combinar f√°cilmente las diferentes secciones de varios dise√Īos para crear r√°pidamente la suya.

C√≥mo guardar tu dise√Īo Divi

Tambi√©n puede guardar sus propios dise√Īos para su uso posterior, con la opci√≥n de exportarlos para usarlos en otros sitios web de WordPress utilizando el tema Divi o el complemento Divi Builder independiente. Esta es una caracter√≠stica excelente que ayudar√° a los dise√Īadores web a crear sitios web para sus clientes de manera m√°s eficiente.

Otras caracter√≠sticas impresionantes de Divi Builder incluyen la capacidad de deshacer y rehacer f√°cilmente sus acciones. Tambi√©n puede ver su historial de revisiones para retroceder de manera m√°s efectiva. Clonar casi cualquier secci√≥n o elemento de sus dise√Īos es sencillo y guardar sus selecciones para su uso posterior tambi√©n es f√°cil.

En el papel, el cambio a una interfaz de usuario front-end pone a Divi Builder en igualdad de condiciones con el mejor complemento de generador de p√°ginas de WordPress. Sin embargo, gracias a la experiencia de usuario fluida y eficiente, el nuevo y mejorado Divi Builder es ahora uno de, si no el mejor, el mejor creador de p√°ginas para WordPress.

Divi 3: m√°s paquetes de sitios web y mejoras en la experiencia del usuario de Visual Builder

Los lanzamientos de Divi 3.1 y 3.2 vieron más características nuevas y mejoras hechas a este tema de WordPress ya impresionante.

Muchas de las √ļltimas actualizaciones de Divi implican mejoras de las funciones existentes, como la capacidad de usar las flechas hacia arriba y hacia abajo para ajustar el tama√Īo de una unidad a la vez, en lugar de tener que usar controles deslizantes. Esta actualizaci√≥n de Divi Visual Builder es especialmente √ļtil cuando se realizan peque√Īos ajustes en los tama√Īos de fuente, ya que ayuda a evitar los problemas que pueden surgir al usar un mouse para controlar un control deslizante. Tambi√©n puede usar las teclas de flecha de su teclado para aumentar y disminuir la configuraci√≥n, un paso a la vez.

Visual Builder Soporte de teclas de flecha

Las opciones de entrada num√©rica tambi√©n se han mejorado, permiti√©ndole usar gestos del mouse para aumentar o disminuir el tama√Īo de los elementos en su p√°gina.

Divi Builder Mouse Gesture Support

El selector de color Divi Builder tambi√©n se ha actualizado, por lo que es m√°s conveniente establecer sus propias opciones de color personalizadas para los elementos de sus dise√Īos. Parte de esto incluye la herramienta de sugerencia de color que lo ayudar√° a encontrar colores coincidentes y mantener la paleta de su sitio web en armon√≠a. El flujo de trabajo de la galer√≠a tambi√©n se ha mejorado, con una vista previa en vivo de sus dise√Īos de galer√≠a de im√°genes y videos en la pantalla a medida que los crea.

Divi ha tenido edici√≥n de texto en l√≠nea durante un tiempo, pero ahora con las √ļltimas actualizaciones del tema, la interfaz de Visual Builder puede usar la correcci√≥n ortogr√°fica basada en el navegador para detectar cualquier error a medida que ingresa texto a trav√©s del editor en vivo.

Compatibilidad con el corrector ortogr√°fico basado en el navegador Divi

M√°s buenas noticias para los usuarios del Divi Visual Builder es la nueva capacidad para que terceros creen m√≥dulos personalizados para el editor. Aunque Divi incluye una gran cantidad de m√≥dulos, con suerte, habr√° m√°s en camino, gracias a que los desarrolladores fuera del equipo de Elegant Themes ahora pueden crear sus propios m√≥dulos nuevos. Esto tambi√©n significa que si tiene las habilidades, puede crear sus propios m√≥dulos que hasta ahora le faltaban a Divi. Elegant Themes ha publicado un nuevo conjunto de documentaci√≥n para desarrolladores, dise√Īado para ayudar a los usuarios a comenzar a crear m√≥dulos para Divi Visual Builder.

Adem√°s, si est√° buscando un tema de WordPress con buena compatibilidad con el Reglamento general de protecci√≥n de datos (GDPR), Divi ahora tiene nuevas caracter√≠sticas que ayudar√°n a garantizar que su sitio web cumpla con las √ļltimas regulaciones de privacidad y protecci√≥n de datos.

Sin embargo, quiz√°s una de las nuevas caracter√≠sticas m√°s √ļtiles de Divi, al menos para aquellos que desean utilizar el creciente n√ļmero de plantillas y dise√Īos de sitios web creados por el equipo Elegant Themes, es la capacidad de navegar por todo el contenido de demostraci√≥n disponible desde su Panel de WordPress. Anteriormente, ten√≠a que consultar el blog Elegant Themes para ver los nuevos lanzamientos de paquetes del sitio web, luego descargarlos en su computadora, antes de cargarlos en su sitio.

Vista previa del dise√Īo del sitio web de Divi

Ahora, gracias a esta actualizaci√≥n a Divi, puede navegar, obtener una vista previa e importar r√°pidamente los paquetes de sitios web o dise√Īos de p√°gina individuales con solo unos pocos clics. Al momento de escribir este art√≠culo, Divi ahora tiene 50 paquetes de dise√Īo de sitios web y 386 dise√Īos de p√°ginas en total, no le faltar√° inspiraci√≥n para su √ļltimo proyecto.

Divi 2.7: herramientas de prueba divididas, portabilidad mejorada y m√°s opciones de p√°gina

Divi 2.7 Actualizar Divi Leads

Aunque Divi se lanz√≥ por primera vez a finales de 2013, se ha actualizado y mejorado constantemente desde entonces y sigue siendo el tema insignia de WordPress de Elegant Themes. Si bien Elegant Themes ha lanzado nuevos temas y complementos desde la llegada de Divi, este tema a√ļn recibe mucha atenci√≥n en forma de nuevas caracter√≠sticas y configuraciones.

Ahora en la versi√≥n 2.7, lo m√°s destacado de la √ļltima actualizaci√≥n de Divi es la adici√≥n de un poderoso sistema de prueba dividida. Esta nueva caracter√≠stica, llamada Divi Leads, ahora le permite comparar dos o m√°s variaciones de una p√°gina o sus elementos individuales para descubrir qu√© versi√≥n ofrece los mejores resultados.

El beneficio para usted como propietario del sitio web es que ahora podrá crear páginas que se conviertan mejor en función de sus objetivos. Por ejemplo, si quisiera vender más productos, podría usar Divi Leads para comparar algunas imágenes de productos diferentes y descubrir cuál da como resultado que se agreguen más artículos al carrito de compras de su tienda. Quizás sea un profesional independiente y quiera que más visitantes soliciten una cotización. Ahora con Divi Leads, puede dividir la prueba dos o más llamadas a la acción diferentes o cualquiera de los otros elementos en su página de ventas.

En el pasado, ten√≠a que confiar en las conjeturas o seguir ciegamente los consejos de los dem√°s. Ahora, con Divi Leads, puede probar y medir su contenido para descubrir qu√© funciona con su oferta y audiencia √ļnicas, directamente desde la interfaz de Divi Builder.

Usando Divi Leads para dividir, pruebe sus dise√Īos

Usar Divi Leads para ejecutar pruebas divididas puede sonar complicado, pero en la práctica, no podría ser más fácil. Cuando trabaje en una página con Divi Builder, simplemente haga clic con el botón derecho en el módulo que desea optimizar y luego elija Split Test entre las opciones disponibles. Si bien puede dividir la prueba de la mayoría de los elementos de sus páginas, los llamados a la acción o los botones regulares son buenos candidatos, especialmente al comenzar con la optimización de contenido.

Divi 2.7 Actualizar clic derecho

Después de activar la herramienta Split Test, puede seleccionar qué módulo desea optimizar. Esto crea una copia del módulo, donde puede realizar los cambios que desea probar. Esto podría incluir modificar los colores, el texto o cualquier otro aspecto del módulo que pueda modificar a través de la configuración.

Módulo de modificación de actualización Divi 2.7

Mientras se ejecuta el experimento, puede ver las estadísticas de prueba divididas para averiguar qué versión de su módulo tiene la tasa de conversión más alta. Una vez que surge un ganador, puede detener la prueba y establecer la versión con mejor rendimiento del módulo como elemento predeterminado, o comenzar una nueva prueba comparándola con otra variación.

Con Divi Leads, puede probar varios módulos simultáneamente, mientras crea tantas variaciones de cada elemento como desee. Estas pruebas se pueden ejecutar en muchas páginas diferentes al mismo tiempo para ayudarlo a optimizar todo su sitio a la vez. Divi Leads también funciona con muchos objetivos diferentes, como la cantidad de veces que se hace clic en un botón, las tasas de rebote de una página determinada y las tasas de clics a un contenido específico de su sitio.

¬ŅQui√©n deber√≠a usar cables Divi?

Si su sitio web se ha creado con alg√ļn objetivo en mente, ya sea que se trate de m√°s visitas a la p√°gina, mayores descargas o mayores n√ļmeros de ventas, entonces la nueva funci√≥n Divi Leads le brinda una manera f√°cil de mejorar sus tasas de conversi√≥n de objetivos y hacer que su sitio sea m√°s efectivo.

Además, si está creando sitios web para clientes, Divi Leads le ofrece una forma sencilla de ofrecer mejores resultados para sus clientes, de una manera que puede explicarse y documentarse fácilmente a través de las estadísticas de resultados de pruebas divididas.

Portabilidad mejorada

Paquetes de biblioteca de actualización Divi 2.7

Otro aspecto destacado de Divi 2.7 es la portabilidad mejorada de la configuración del sitio. Este aspecto de Divi ahora le permite transferir grupos más específicos de opciones y configuraciones entre diferentes sitios web de WordPress que usan Divi. La configuración que ahora se puede exportar e importar incluye paquetes de la Biblioteca Divi, la configuración del Personalizador de temas, las opciones de tema y las funciones de usuario de Divi personalizadas.

Adem√°s de los ajustes y detalles de configuraci√≥n para sus dise√Īos, Divi 2.7 ahora transferir√° cualquier archivo de imagen utilizado en sus p√°ginas o paquetes de biblioteca. No solo se copiar√°n las im√°genes a su biblioteca multimedia de WordPress, sino que tambi√©n se actualizar√°n todas las referencias a los archivos, reflejando su nueva ubicaci√≥n en el sitio de destino.

Para darle una mejor idea de cuán portátil es la nueva versión de Divi, los desarrolladores del tema han hecho disponibles tres nuevos paquetes de biblioteca Divi de gran aspecto disponibles para su descarga gratuita.

Ya sea que esté trabajando en una versión provisional de su sitio web, tenga varios sitios en su cartera o necesite actualizar los sitios de sus clientes de una vez, pudiendo importar y exportar fácilmente configuraciones y elementos específicos de una instalación de WordPress a otra tiene muchos beneficios de ahorro de tiempo y esfuerzo.

En general, las nuevas caracter√≠sticas de Divi 2.7 han hecho que este tema de WordPress sea a√ļn m√°s poderoso. Si bien la herramienta de prueba dividida Divi Leads es realmente impresionante, las actualizaciones de portabilidad ayudan a hacer de este tema una opci√≥n a√ļn mejor para los dise√Īadores web que buscan un kit de herramientas que pueda acelerar la velocidad con la que pueden crear sitios para sus clientes.

Tambi√©n vale la pena se√Īalar que si desea utilizar cualquiera de estas nuevas funciones, as√≠ como las existentes, en sus sitios web de WordPress que no funcionan con Divi, est√°n disponibles como parte del complemento independiente de WordPress de Divi Builder.

Divi 2.5: vista previa en vivo, historial y un flujo de trabajo m√°s eficiente

Muchas de las mejoras que se han realizado a este tema con el lanzamiento de la versión 2.5 están relacionadas con la herramienta Divi Builder. Divi Builder ahora está disponible como un complemento independiente que funcionará con cualquier tema. Sin embargo, para los usuarios del tema Divi, este generador de páginas de arrastrar y soltar permanece completamente integrado en el tema mismo.

Así que echemos un vistazo a algunas de las nuevas funciones y mejoras que ofrece Divi 2.5.

Proceso de creación de páginas simplificado

Estas actualizaciones de la funcionalidad del creador de p√°ginas de Divi se han centrado en acelerar el proceso de creaci√≥n del dise√Īo de la p√°gina y facilitar a√ļn m√°s la creaci√≥n de sus propios dise√Īos personalizados en WordPress. Como Divi ha crecido en popularidad desde su lanzamiento inicial y ahora los implementadores de WordPress lo utilizan a menudo para crear sitios para clientes, est√° claro ver por qu√© Elegant Themes ha priorizado la reducci√≥n del tiempo de desarrollo. Cuando hay tantas horas que puede trabajar en un d√≠a, cuanto m√°s r√°pido pueda hacer el trabajo, m√°s ganar√°.

Men√ļs contextuales del bot√≥n derecho

Divi 2.5 Actualizar clic derecho

Una nueva caracter√≠stica particularmente √ļtil que encaja con esta forma de pensar sobre Divi es la adici√≥n de los men√ļs contextuales con clic derecho. Ahora, con la funci√≥n Controles de clic derecho, puede mostrar instant√°neamente un men√ļ de funciones de uso com√ļn en relaci√≥n con el elemento en el que se ha hecho clic con el bot√≥n derecho del mouse. Estos elementos del men√ļ pueden incluir copiar y pegar, bloquear elementos, desactivar elementos y otras funciones sensibles al contexto.

Deshacer y rehacer con atajos de teclado e historial detallado

Historial de actualizaciones de Divi 2.5

Divi 2.5 ahora tiene una poderosa función de deshacer y rehacer que hace que el seguimiento hacia atrás y hacia adelante a través de sus cambios sea muy sencillo. El soporte para esas combinaciones de teclas de acceso rápido de teclado comunes, como Ctrl + Z o Command + Z. para usuarios de Mac ahora se incluye en Divi. Además de simplemente avanzar a través de sus cambios, ahora puede abrir el panel de historial y saltar directamente a un punto específico en el tiempo.

Divi Role Editor

Divi 2.5 Update Role Editor

Como se mencion√≥, Divi est√° ganando popularidad entre los dise√Īadores web que desean una forma m√°s r√°pida de crear sitios web para sus clientes. Sin embargo, un problema que surgi√≥ con este enfoque fue que al entregar un sitio a un cliente construido con Divi, no hab√≠a nada que impidiera que el propietario del sitio se sintiera abrumado por los controles del constructor e incluso rompiera sus dise√Īos personalizados. Ahora, sin embargo, con la versi√≥n 2.5, la nueva funci√≥n Divi Role Editor permite a los desarrolladores del sitio controlar qu√© acciones pueden realizar sus clientes en Divi despu√©s de la entrega.

A través del editor de roles obtienes un gran control sobre lo que los usuarios pueden hacer en Divi. Esto incluye cómo los usuarios pueden interactuar con los módulos, qué acciones pueden realizar en el generador y qué tipos de configuraciones se pueden configurar.

Si no desea terminar contestando innumerables llamadas de clientes que han tenido problemas después de jugar con su sitio web, entonces poder bloquear el Divi Builder debería ser atractivo.

Vista previa en vivo

Divi 2.5 Actualizar Vista previa en vivo

Un √°rea donde Divi quiz√°s carec√≠a, al menos, en comparaci√≥n con algunas de las otras herramientas premium de creaci√≥n de p√°ginas para WordPress, fue que le faltaba una interfaz de usuario front-end para su creador. En cambio, con Divi Builder, toda la acci√≥n tiene lugar en el back-end de su sitio. El resultado de esto es una correlaci√≥n muy peque√Īa entre la interfaz del generador y lo que ver√°n sus visitantes.

La versi√≥n 2.5 ayuda mucho a superar esto. Gracias a la adici√≥n de una funci√≥n de vista previa en vivo de lanzamiento f√°cil, puede ver r√°pidamente c√≥mo se ver√° su dise√Īo cuando se active. Este modo de vista previa tambi√©n incluye controles de prueba f√°ciles de responder. Estas herramientas le permiten cambiar el tama√Īo instant√°neamente de la ventana de vista previa para ver c√≥mo se mostrar√° su dise√Īo en una variedad de tama√Īos de pantalla.

Esta es probablemente la mayor mejora de Divi en esta actualizaci√≥n. Ahora ya no tiene que guardar su trabajo o previsualizar la p√°gina en una nueva pesta√Īa del navegador para experimentar su dise√Īo como lo har√°n sus visitantes. Abrir la vista previa en vivo ahora le brinda una forma r√°pida de ver su p√°gina desde la vista frontal, sin la necesidad de guardar su trabajo o cambiar las pesta√Īas del navegador.

Adem√°s de todas las nuevas caracter√≠sticas y funcionalidades, la actualizaci√≥n Divi 2.5 ha solucionado una serie de errores y problemas menores. Esta es una gran noticia para cualquiera que busque una plataforma a largo plazo para su sitio web o negocio de dise√Īo web de WordPress, ya que muestra que Divi est√° constantemente trabajando y mejorando detr√°s de escena y es muy poco probable que se convierta en un software abandonado en el corto plazo.

Divi 2.4: a√ļn m√°s funciones y funcionalidades

Para demostrar que Divi es una prioridad a largo plazo para el equipo de Elegant Themes, su producto estrella se ha actualizado recientemente con el lanzamiento de Divi versi√≥n 2.4. Si bien la actualizaci√≥n del a√Īo pasado a la versi√≥n 2.0 vio algunas adiciones impresionantes al tema, la versi√≥n 2.4 va m√°s all√° y se considera la mayor actualizaci√≥n en la historia de Divi.

Antes de profundizar en los detalles de la actualizaci√≥n con mayor profundidad, algunos de los aspectos m√°s destacados de Divi 2.4 incluyen: usar el generador en las publicaciones, crear una biblioteca de contenido reutilizable, nuevas configuraciones de dise√Īo del m√≥dulo, m√°s controles de personalizaci√≥n del tema, contenido de ancho completo, m√°s dise√Īos de encabezado y navegaci√≥n, y manejo mejorado de CSS personalizado.

Divi Builder ahora funciona con todos los tipos de publicaciones

Divi 2.4 Publicaciones

Antes de la versi√≥n 2.4, la impresionante herramienta de creaci√≥n de p√°ginas de Divi solo funcionaba con p√°ginas de WordPress. Esto fue genial para crear dise√Īos personalizados para su p√°gina de inicio, sobre la p√°gina y las p√°ginas de destino, pero ¬Ņqu√© pasa con las publicaciones de su blog?

Ahora puede usar el nuevo y mejorado Divi Builder para dar a sus publicaciones individuales un aspecto √ļnico. La creaci√≥n de dise√Īos personalizados, completos con su elecci√≥n de m√≥dulos y elementos din√°micos, ya no est√° reservada para las p√°ginas: ahora todos los tipos de publicaciones pueden renovarse con Builder.

Personalice completamente los módulos Divi Builder

Controles de personalización Divi 2.4

Una de las mejores caracter√≠sticas de Divi siempre ha sido la cantidad de m√≥dulos √ļtiles que se pueden insertar en los dise√Īos de p√°gina personalizados. Ahora estos m√≥dulos Builder se pueden personalizar completamente para que coincidan con el resto de su sitio web.

Con m√°s de 200 configuraciones disponibles ahora, cada m√≥dulo es totalmente personalizable. Esto cubre detalles como tama√Īos, colores, efectos de carga y animaci√≥n, y mucho m√°s.

M√°s control sobre sus dise√Īos de p√°gina

Divi 2.4 Filas

Para darle a su sitio web una apariencia más fluida y receptiva, Divi 2.4 considera la adición de más controles para configurar el ancho, la altura y el espaciado de los elementos individuales que conforman su sitio web.

La cuadr√≠cula 100% fluida asegurar√° que su sitio web se vea mejor, sin importar el tama√Īo de la pantalla en la que se est√© visualizando; mientras que los impulsores de p√≠xeles apreciar√°n la capacidad de obtener la apariencia de su contenido a la perfecci√≥n, gracias a los nuevos controles de personalizaci√≥n.

Mejores controles de tipografía

Controles Divi 2.4

Ahora con Divi 2.4, puede personalizar todos los aspectos de la tipograf√≠a de su sitio web. Esto cubre todas las √°reas de su sitio, incluidos: encabezados, pies de p√°gina, cuerpo, t√≠tulos, enlaces y mucho m√°s. Los controles que se ofrecen le permiten cambiar el tama√Īo, el color, el espaciado, la altura, el peso, las may√ļsculas y m√°s, para esos elementos.

Dise√Īos y dise√Īos mejorados del √°rea de navegaci√≥n del encabezado

Opciones de encabezado Divi 2.4

El √°rea del encabezado es quiz√°s la parte m√°s importante de su sitio web y con Divi, hacer que se vea perfecto ahora es mucho m√°s f√°cil.

A trav√©s de los nuevos controles de personalizaci√≥n, puede cambiar f√°cilmente el tama√Īo y la posici√≥n de su logotipo y √°rea de encabezado. Tambi√©n encontrar√° opciones m√°s flexibles para hacer uso de un √°rea de encabezado fijo, as√≠ como la capacidad de habilitar el desplazamiento oculto para un mayor impacto en sus visitantes.

Incluso puede establecer el nivel de transparencia del área de navegación del encabezado. Esto le permite realmente dejar que sus imágenes de fondo y videos tomen el centro del escenario.

Contenido de ancho completo

Divi 2.4 Contenido de ancho completo

Si bien los otros detalles de la actualización cubiertos hasta ahora son impresionantes, las filas de ancho completo son quizás las que más despertaron mi interés al leer el anuncio Divi 2.4.

Al usar esta nueva característica de Divi, ahora puede insertar contenido de ancho completo en sus publicaciones y páginas. A través de la nueva configuración de fila del generador, puede insertar una fila de ancho completo en las publicaciones de su blog y luego completarla con contenido personalizado. Esto le permite insertar imágenes grandes de ancho completo en sus publicaciones, mientras mantiene un ancho fijo para su área de texto.

Sin embargo, esto no se limita solo a las im√°genes, y cualquiera de los m√≥dulos que se ofrecen y se insertan en una fila de ancho completo. Esto le permite crear algunos dise√Īos de publicaciones impresionantes que simplemente no son posibles con la mayor√≠a de otros temas de WordPress actualmente en el mercado.

Crear contenido reutilizable con la Biblioteca Divi

Biblioteca Divi 2.4

Una caracter√≠stica particularmente √ļtil agregada con la versi√≥n 2.4 es la Biblioteca Divi. Esta funci√≥n de ahorro de tiempo le permite guardar y reutilizar f√°cilmente sus m√≥dulos, secciones y filas personalizadas, as√≠ como sus dise√Īos completos.

Los artefactos de la biblioteca guardada se pueden insertar en sus dise√Īos, directamente desde el generador. Si desea utilizar la misma configuraci√≥n de fila y contenido en varias p√°ginas de su sitio, esta es una caracter√≠stica realmente √ļtil.

Sin embargo, si est√° creando sitios web para m√ļltiples clientes y desea crear un repositorio de elementos preconstruidos, que coincidan con la est√©tica del dise√Īo de su marca registrada, entonces la biblioteca le brinda una manera eficiente de almacenar y usar estos elementos cuando los necesite.

Puede comenzar su biblioteca con el pie derecho descargando este paquete gratuito del blog Elegant Themes.

Cuatro nuevos sitios web de demostración para elegir

El dise√Īador principal de Elegant Themes ha creado cuatro sitios web de demostraci√≥n impresionantes que puede utilizar como inspiraci√≥n para su sitio de WordPress.

Estos cuatro sitios de demostraci√≥n se han creado utilizando las funciones y configuraciones principales de Divi, sin personalizaciones de c√≥digo. Estas plantillas hacen uso de las funciones m√°s nuevas de Divi, incluidos dise√Īos de fluidos de ancho completo, los m√≥dulos de contenido nuevos y actualizados, y las configuraciones y controles mejorados, para mostrarle realmente lo que es posible con este tema.

Posibilidades ilimitadas con manejo mejorado de CSS personalizado

Divi 2.4 CSS personalizado

Si bien Divi hace que sea a√ļn m√°s f√°cil construir un sitio web √ļnico de WordPress que nunca antes, para aquellos que requieren a√ļn m√°s control, la actualizaci√≥n ve la llegada de una nueva pesta√Īa CSS personalizada. Esta caracter√≠stica se ha agregado a todos los m√≥dulos, secciones y filas del generador.

Si ve algo que desea personalizar, pero no puede encontrar el control correspondiente, ahora puede agregar f√°cilmente su propio CSS personalizado para darle ese aspecto personalizado. Ahora no hay necesidad de crear un nuevo tema secundario: simplemente use los campos de entrada CSS para el elemento HTML correspondiente.

En general, la actualizaci√≥n Divi 2.4 agrega muchas m√°s funciones, configuraciones y controles √ļtiles al tema. Esto no solo le ayuda a crear sitios web de WordPress mejores y m√°s personalizados con menos tiempo y esfuerzo, sino que tambi√©n reduce su dependencia de los complementos de terceros.

Divi 2.0 РLa actualización

Divi 2 WordPress Theme

Despu√©s de su lanzamiento el a√Īo pasado, Divi se convirti√≥ r√°pidamente en el tema m√°s popular de Elegant Themes, que cuando considera la cantidad de temas que ofrecen, no es una haza√Īa. Al d√≠a siguiente despu√©s del lanzamiento de la versi√≥n 1.0, el equipo comenz√≥ a trabajar en la pr√≥xima versi√≥n y un a√Īo despu√©s ya est√° listo para ser lanzado al p√ļblico en general.

Divi 2 nuevas estructuras de columna

Como parte de las mejoras que se han realizado al tema para la versi√≥n 2.0, el tema Divi ahora incluye 3 tipos de secci√≥n √ļnicos, 20 estructuras de columnas y 33 m√≥dulos robustos. El te da a√ļn m√°s opciones para Agregar dise√Īos basados ‚Äč‚Äčen columnas a sus publicaciones y p√°ginas, al mismo tiempo que tiene acceso a m√°s m√≥dulos o elementos de p√°gina que se pueden insertar en esos dise√Īos.

Nuevo generador de p√°ginas para Divi 2

Otras mejoras y mejoras incluyen un Constructor de p√°ginas de arrastrar y soltar mejorado eso hace que la versi√≥n original sea a√ļn m√°s f√°cil de usar y m√°s potente. La secci√≥n de encabezado del tema tambi√©n se ha actualizado para ofrecerle m√°s opciones de personalizaci√≥n, mientras que las opciones de navegaci√≥n tambi√©n se han actualizado para incluir un √°rea de navegaci√≥n vertical opcional.

Divi 2 Navegación vertical

With Divi 2.0, it is now possible to use a boxed layout instead of a full width page layout which gives you more control over how your site looks on larger screens. The updated theme also includes a blank page template which removes the header and the footer areas and is ideal for creating standalone landing pages. There even are a few new eCommerce store layouts for selling goods online with the free WooCommerce plugin.

If you thought the original version of Divi couldn’t be beaten, in terms of flexibility, features, and easy to implement customization options, then this new version will be a revelation. For those who missed the original Divi the first time around, now is the perfect time to join Elegant Themes and start making use of this powerhouse of a theme.

Soporte y documentación

Purchasing this theme also gives you access to the 86 other themes by Elegant Themes. These themes are all supported via a private members’ only forum, with sub-forums for each of the themes, plus a few additional ones. Support tickets are in fact new posts on the theme-specific form. This means anyone can answer your query, but in practice it’s usually one of the hired moderators who will take care of your issue.

The Elegant Themes support service is often maligned but it seems that bad experiences are rare and most issues appear to be resolved swiftly via the forums. When it comes to setting up the theme, the online documentation for Divi covers all the necessary steps to get your site up and running and looking like the demo version, or allowing you to create your own layout.

The interface for the page builder is well designed and getting started right out of the box shouldn’t pose a problem to anyone familiar with WordPress or even those new to the platform.

Precios

As mentioned earlier, Divi is part of the Elegant Themes package which is available on two pricing plans:

  • Yearly access to all Elegant Themes plugins and themes: $89
  • Lifetime access to all Elegant Themes plugins and themes: $249

Both options include access to all of the themes and plugins from Elegant Themes, including Divi, the impressive Monarch social sharing plugin, and the powerful Bloom email list building tool. You also get access to any new products that are added while your subscription is active.

While the price of the Lifetime plan is a one-time fee, the Yearly option must be renewed each you in order to maintain access to support, theme and plugin updates, and access to new products. If you choose not to renew your plan, you can continue to use the products unsupported.

It’s also worth mentioning again that new website layout packs and templates for Divi are published regularly on the Elegant Themes blog, giving you even more options for creating WordPress websites with this theme.

Divi Theme Review Conclusion

Both in terms of appearance and the features of the page builder, Divi is a really great WordPress theme. It’s easily worth $89, let alone all the other themes and plugins that are included for that price from Elegant Themes. The fact that the Divi Builder plugin is now available should be of interest to anyone who would like to use the powerful page builder tool from this theme on other WordPress templates.

While the design of Divi looks very modern and clean, the page builder and the library of prebuilt layouts make it very easy to setup and build very attractive layouts for all manner of occasions in almost no time at all. Even though Divi is marketed as a page builder, it’s still worth pointing out that this isn’t a theme builder. You don’t get that granular control that you do with a theme builder tool like Beaver Builder and its Themer add-on. So if you are looking for a way to easily edit margins, set line heights, and have pixel-point control over columns and sidebar positions then Divi isn’t for you.

The regular updates to Divi have added lots of genuinely useful features to this theme. From the ability to create custom layouts for posts as well as pages, through to the additional page templates that are now available, there more reasons to choose Divi with each new release.  The addition of a live preview feature will speed up your page creation workflow considerably.

If you want a very easy to use page builder that contains lots of really useful and well-designed modules for adding a range of elements to your pages, that in some cases would otherwise require the purchase of a premium plugin to gain access to, Divi is an excellent choice.

If you like the overall appearance of the Divi theme demo and would like something similar for your own site, while also having the ability to easily change the layouts in terms of what goes where, then there is every reason to say yes to this theme. With each update to Divi adding new features and functionality into the mix, this is one WordPress theme that keeps getting better and better.

Joe Fylan

Pros

Attractive design

Lots of page templates and layouts

Includes a page builder tool

Regularly updated

Good documentation for beginners

Great value theme club pricing

Contras

Not so great documentation for developers

Too many design options could overwhelm some

Summary

Divi combines great looks with a wealth of impressive features to deliver a truly useful WordPress theme. A great range of page templates and an easy to use page builder will suit both those looking for an out of the box solution, as well as those who want to create custom designs without coding.

Divi combines great looks with a wealth of impressive features to deliver a truly useful WordPress theme. A great range of page templates and an easy to use page builder will suit both those looking for an out of the box solution, as well as those who want to create custom designs without coding.