Divi Theme: ¿Sigue siendo el theme definitivo de WordPress?

Desde su lanzamiento a finales de 2013, Elegant Themes ha perfeccionado continuamente Divi para garantizar que siga siendo el mejor tema de WordPress todo en uno del mercado.

Se integra a la perfección con plugins populares de WordPress como WooCommerce y admite 32 idiomas de forma nativa (incluidos los idiomas de derecha a izquierda).

En este artículo, me gustaría mostrarles por qué Divi todavía está en la cima del mundo de WordPress en 2020.

Divi Theme vs Divi Builder: ¿Cuál es la diferencia?

Divi no fue el primer tema de WordPress todo en uno ni el primer tema de WordPress que te ayudó a diseñar tus publicaciones y páginas, pero Elegant Themes sorprendió a muchas personas cuando lanzaron Divi, ya que era un paquete tan bueno.

En la primera versión de Divi, los usuarios podían crear hermosas publicaciones y páginas usando “The Advanced Page Builder”. Este creador de páginas se integró directamente en Divi y no se pudo usar con otros temas de WordPress.

Después de miles de solicitudes, Elegant Themes cambió el nombre del creador de páginas avanzado a Divi Builder. Este plugin de WordPress independiente le permitió utilizar el creador de páginas de Divi en cualquier tema de WordPress.

Tema Divi y plugin Divi

En breve:

El beneficio de esta configuración es que si crea muchas páginas con Divi Builder, puede cambiar del tema Divi a un tema diferente de WordPress en una fecha posterior y sus publicaciones y páginas se verán iguales.

Construyendo hermosos sitios web con Divi Builder

Una vez que haya activado Divi, verá un botón “Use The Divi Builder” en el editor de WordPress.

Botón Divi Builder

Divi se lanzó con un editor de backend, sin embargo, la última versión de Divi Builder es un builder de páginas de Drag & Drop frontend que le permite realizar cambios en la interfaz de su sitio web.

En la página del editor, sin embargo, verá opciones para modificar algunas configuraciones de página, como su barra lateral preferida.

Divi Builder en Gutenberg

Cuando haga clic para usar Divi Builder, se le pedirá que seleccione una de las tres opciones.

Seleccione su diseño

Un diseño prediseñado es una manera fantástica de comenzar con Divi.

Más de mil diseños prefabricados de alta calidad están disponibles junto con alrededor de 150 paquetes de sitios web que contienen varios diseños de página. Hay diseños para más de una docena de categorías que incluyen arte y diseño, negocios, salud y fitness, tienda online y tecnología.

Ya sea que use un lienzo en blanco o un diseño prefabricado como punto de partida, puede guardar cualquier modificación utilizando el sistema de biblioteca Divi. Los diseños se pueden exportar en formato JSON y volver a importar a Divi en cualquier momento.

Cargar un diseño de la biblioteca Divi

Divi Builder es fácil de usar, pero al igual que cualquier creador de páginas de WordPress, debe dedicar un tiempo a jugar con los diseños para acostumbrarse a la interfaz de usuario.

El menú de navegación en la parte inferior de la página actúa como un eje central para acceder a todas las opciones. Desde aquí puede cargar un diseño de la biblioteca, guardar su diseño y borrar su diseño. También puede acceder a la configuración de la página y ver su historial de edición.

Paquete de diseño de construcción Divi

En la parte inferior izquierda de la página, hay un menú que le permite acceder a la configuración de Divi Builder, cambiar a la vista de estructura alámbrica, acercar y alejar su diseño y ver su diseño en modo de escritorio, tableta y móvil.

En la parte inferior derecha, hay opciones para buscar, acceder a la ayuda y guardar su página.

No se preocupe si esto suena abrumador, ya que todas estas opciones tienen sentido una vez que haya pasado algún tiempo usando Divi Builder.

Interfaz Divi Builder

El modo de vista de estructura alámbrica es particularmente útil ya que le permite ver la estructura de su diseño.

Es la forma perfecta de organizar secciones, filas, columnas y más.

Secciones y filas de Divi Builder

Hay docenas de módulos de contenido disponibles en Divi para ayudarlo a dar forma y estilo a su página.

Encontrará módulos para comentarios, temporizadores de cuenta atrás, imágenes, mapas, publicaciones, portafolios, sliders de video y más. Cualquier modificación que realice en los módulos se puede guardar en su biblioteca Divi para reutilizarla en cualquier momento.

Insertar módulo en Divi

Elegant Themes ha logrado un buen equilibrio con Divi Builder. Han hecho que sea fácil para los principiantes elegir y crear diseños únicos, pero hay muchas características avanzadas en todo el generador de páginas que permiten cambios y ajustes adicionales.

Personalización del diseño de su sitio web

Divi le ofrece muchas formas diferentes de personalizar el diseño de su sitio web.

En el área de contenido principal, que está controlada por Divi Builder, puede ajustar cada módulo, columna, fila y sección.

El espaciado, la estructura, los bordes, los colores, las animaciones, la posición, la visibilidad, CSS y más, se pueden modificar. El nivel de personalización de cada elemento de su página es impresionante y si comete algún error, puede hacer clic para deshacer y rehacer sus modificaciones.

Configuración de filas en WP Builder

Otra característica que me encanta es Divi Theme Builder.

Esto se puede utilizar para aplicar un encabezado, cuerpo y pie de página globales en varias áreas de su sitio web. Es una forma fantástica de duplicar un diseño que ha creado en todo su sitio web o partes de él.

Biblioteca de Divi Theme Builder

Divi Theme Builder le permite crear tantas plantillas como desee y puede aplicarlas a diferentes áreas de su sitio web.

Por ejemplo, podría aplicar un encabezado y pie de página a las páginas, otro a mi blog y otro a publicaciones y páginas específicas.

Configuración de la plantilla Divi Theme Builder

El personalizador de temas de WordPress también es compatible con Divi.

Puede usar esto para realizar cambios en su encabezado, pie de página, menús de navegación y más. Aquí se pueden encontrar muchas configuraciones diferentes, como colores, bordes y espaciado.

Personalizador de temas de Divi WordPress

Cuánto puede cambiar el diseño de su sitio web usando el personalizador de temas de WordPress depende de cómo haya construido su página. La mayoría de los elementos de contenido dentro del área de contenido principal (es decir, el cuerpo de la página) deben modificarse a través de Divi Builder.

Personalizar el pie de página

Para tener una mejor idea de cómo puede crear diseños únicos y personalizar sus diseños, consulte la página de demostración de Elegant Themes.

Configuración de Divi

El menú de administración de Divi enlaza páginas de configuración importantes, como opciones de temas, creador de temas y personalizador de temas.

Tenga en cuenta que Divi Builder no aparece en este menú. Para acceder a Divi Builder, debe utilizar el botón “Editar con Divi Builder” en el editor de WordPress o el enlace “Habilitar Visual Builder” que se muestra en la parte superior de su sitio web en vivo en la barra de herramientas de WordPress.

Menú de administración de Divi

La página principal de opciones de Divi se divide en ocho secciones: General, Navegación, Generador, Diseño, Anuncios, SEO, Integración y actualizaciones.

En la sección de configuración general, puede habilitar y deshabilitar muchos elementos de diseño, como la galería Divi y el modo de estilo de blog. Las URL de perfil de redes sociales también se pueden definir aquí y ti ajusta la cantidad de publicaciones que se muestran.

En las siguientes secciones, puede modificar los menús de navegación de su sitio web y especificar en qué tipos de publicaciones está activo Divi Builder.

Otras opciones que encontrará en la página de opciones de tema incluyen diseños de publicación y página, un banner publicitario de 468 × 60, SEO para diferentes áreas de su sitio web y cuadros de texto para insertar código en su sitio web para scripts como Google Analytics.

Asegúrese de agregar también su nombre de usuario y clave API de Elegant Themes en la sección de actualizaciones para que pueda obtener actualizaciones automáticas y soporte prioritario para Divi.

Opciones del tema Divi

El editor de roles incorporado de Divi le brinda control total sobre lo que cada grupo de usuarios de WordPress en su sitio web puede y no puede hacer.

Puede especificar si un grupo de usuarios en particular puede usar Divi Builder, si pueden ajustar los diseños, si pueden acceder al soporte y más.

Divi Role Editor

En los últimos años se han lanzado varias tiendas y mercados de terceros que ofrecen temas, diseños y plugins de Divi. Esto incluye Divi Plugins, Divi Cake, Divi People y Divi Life.

Estos productos pueden ampliar aún más la funcionalidad de Divi.

El centro de soporte Divi

Una de las últimas incorporaciones a Divi es el Centro de soporte de Divi.

Ubicado dentro del menú de administración de Divi, el centro de soporte fue diseñado para ayudar al personal de Elegant Themes a interactuar mejor con los clientes.

En la parte superior de la página del Centro de soporte hay un informe de estado del sistema que le ayuda a ver si su host se ha configurado correctamente para Divi. Como puede ver, mi instalación de prueba de WordPress requiere algunos ajustes para alojar Divi de manera eficiente.

Estado del sistema del centro de soporte

El acceso remoto también está disponible. Esto proporcionará acceso limitado al equipo de soporte de Divi para que puedan solucionar cualquier problema que tenga.

Los tutoriales útiles también están vinculados en esta página.

Ayuda y documentación del centro de soporte

Divi también ha incluido una opción de modo seguro que deshabilitará funciones y plugins que podrían causar problemas de compatibilidad.

Los errores también se pueden agregar a un registro de depuración como referencia.

Modo seguro del centro de soporte

No siempre tiene que ponerse en contacto con el soporte directamente.

Si no está seguro de alguna función, le recomiendo buscar en el área de documentación de Divi. Allí encontrará una gran cantidad de tutoriales escritos y tutoriales en video.

También puede encontrar ayuda a través de Divi Meetup Network y el grupo de Facebook Divi Theme Users.

Documentación del tema Divi

Elegant Themes tampoco restringe el acceso al soporte. Proporcionan soporte a un número ilimitado de sitios web que mantiene.

¿Cuánto cuesta Divi?

Elegant Themes tiene una de las políticas de precios más simples y justas del mundo de WordPress.

Una licencia le brinda acceso completo a todos los productos de Elegant Themes y puede usarlos en un número ilimitado de sitios web.

Puede optar por pagar 89 € al año o pagar una tarifa única de 249 €.

Si utiliza nuestro código de descuento Elegant Themes, obtendrá un 20% más de descuento en su compra.

Precios Divi

Además de Divi, una membresía de Elegant Themes le permite descargar el tema de WordPress de la revista – Extra, el plugin de WordPress de suscripción de email – Bloom, y el plugin de WordPress para compartir en las redes sociales – Monarch.

Productos Elegant Themes

Una membresía de Elegant Themes viene con una garantía de devolución de dinero de 30 días. Por lo tanto, puede cancelar su membresía después de registrarse o actualizar desde el plan anual al plan único.

Pensamientos finales

Espero que hayas disfrutado de esta mirada al tema Divi WordPress.

Como puede ver, Divi es una solución versátil que hace honor a su nombre como tema de WordPress “Todo en Uno”. Es una solución flexible que es fácil de usar, pero tiene muchas funciones de personalización avanzadas para agencias, como extensiones de terceros, temas secundarios, código CSS y más.

Escaparate de clientes de Divi

Es importante recordar que ningún creador de páginas de WordPress es perfecto. Todos tienen sus fortalezas y debilidades y puede terminar favoreciendo una solución para un proyecto, pero no para otros.

Por supuesto, Divi se compara muy bien con otros creadores de páginas de WordPress en el mercado, como Beaver Builder (nuestra review) y Elementor (nuestra review) . Todos ofrecen una amplia variedad de módulos de contenido para ayudarlo a dar forma a las publicaciones y páginas de su sitio web y un moderno sistema de plantillas para guardar diseños personalizados.

El editor de WordPress predeterminado (Gutenberg) carece de las funciones de personalización avanzadas que encontrará en Divi. Aprecio la simplicidad del editor predeterminado, pero en muchas situaciones lo encuentro muy restrictivo. Por el contrario, Divi te permite diseñar cualquier elemento de tu página.

En el reciente rediseño de Divi Builder, los módulos de contenido han pasado a un segundo plano y no son tan prominentes como antes. Esta importante funcionalidad todavía está ahí, pero creo que la interfaz de usuario de Beaver Builder y Elementor es mucho más simple.

En Beaver Builder, al hacer clic en el símbolo + se cargarán módulos, filas y plantillas en el lado derecho de la página. En Elementor , los módulos de contenido se muestran en el lado izquierdo de la página para facilitar el acceso.

Divi lo hace de manera diferente. Puede hacer clic en cualquier parte del diseño de su sitio web en Divi para agregar un nuevo módulo de contenido y luego se mostrará un cuadro emergente que muestra todos los módulos disponibles.

Si bien creo que la interfaz de usuario de Divi Builder requiere más tiempo para aprender, el sistema de plantillas de Divi es insuperable. Hay más de mil diseños para elegir y puede guardar los cambios en su biblioteca y reutilizarlos más tarde con facilidad. Todo el sistema funciona muy bien y la calidad de los diseños que se ofrecen es fantástica.

Divi es un tema de WordPress tan rico en funciones que es imposible cubrir todas las funciones en una review. Solo he mencionado lo que es posible con Divi.