Divi contra Avada 2022

Divi y Avada son ampliamente considerados como dos de los mejores temas de WordPress del mercado.

Ambos temas multipropósito de WordPress "Todo en uno" cuentan con un generador de páginas de arrastrar y soltar fácil de usar y vienen empaquetados con hermosos diseños de sitios web prefabricados. Esto le permite crear cualquier tipo de sitio web con solo hacer clic en un botón.

Elegant Themes lanzó Divi en 2013. No fue el primer tema de WordPress "Todo en uno" en el mercado, sin embargo, fue el primer diseño todo en uno que hizo todo bien y animó a otros desarrolladores de temas a intensificar su juego.

Durante los últimos años, Elegant Themes ha refinado y mejorado continuamente Divi, colocando a su creador de páginas insignia, Divi Builder, en el corazón del tema.

Sin duda, Divi sigue siendo uno de los mejores temas de WordPress, sin embargo, existen alternativas que los usuarios de WordPress deberían considerar, como X Theme y Genesis Framework.

En esta revisión, me gustaría mostrarle cómo se compara Divi con Avada.

Avada fue lanzado en 2012 por Theme Fusion, un año antes del lanzamiento de Divi.

Con alrededor de 600.000 ventas, es, con mucho, el tema de WordPress más vendido en ThemeForest, superando en ventas al segundo lugar X Theme tres a uno.

Después de unos minutos de usar Avada, queda claro por qué el tema de WordPress es tan popular. Es una solución versátil y su creador de páginas integrado, Fusion Builder Live, es excelente.

Echemos un vistazo de cerca a lo que Divi y Avada pueden hacer y veamos cómo se comparan.

Secciones del artículo :

• Facilidad de configuración
• Construcción de página de fondo
• Construcción de página de frontend
• Contenido y diseños
• Otras funciones y configuraciones
• Rendimiento
• Soporte y Documentación
• Costo
• Pensamientos finales

Facilidad de configuración

Los temas de WordPress todo en uno están diseñados para que cualquiera pueda usarlos, independientemente de su experiencia técnica.

Sin embargo, los principiantes pueden necesitar un poco de ayuda adicional, especialmente cuando configuran las cosas por primera vez.

Divi – Facilidad de configuración

Si es nuevo en Divi, es posible que esté un poco confundido en cuanto a a qué se refiere 'Divi' porque Elegant Themes usa con frecuencia la palabra para describir el tema, el creador de páginas y el paquete general.

Para evitar confusiones, el tema de WordPress a veces se llama Divi Theme para distinguirlo del creador de páginas Divi Builder.

Para activar Divi Theme en su sitio web, solo necesita cargar los archivos en su carpeta de temas de WordPress y activar el diseño desde la página de temas de WordPress.

Divi Theme no lo redirige a otra página después de la activación, sin embargo, ahora verá un menú de administración para Divi en la parte inferior del menú de administración de WordPress.

El menú enlaza con áreas de configuración clave: Opciones de tema, Generador de temas, Personalizador de temas, Editor de roles, Biblioteca Divi y Centro de soporte.

Divi Builder está integrado directamente en Divi Theme, sin embargo, también está disponible como un complemento de WordPress independiente para aquellos que desean usar Divi Builder con otros temas de WordPress.

El menú de administración del Divi Builder independiente es casi idéntico. Simplemente carece de un enlace al personalizador de WordPress y la página de opciones del tema se reemplaza con una página de opciones de complementos con menos opciones.

Si el complemento de WordPress Divi Builder se está utilizando en su sitio web y activa Divi Theme, el complemento de WordPress Divi Builder se desactivará automáticamente.

Para habilitar las actualizaciones automáticas de temas para Divi, vaya a la página de actualizaciones en el área de Opciones de Divi e ingrese su nombre de usuario y clave API de Elegant Themes.

Los temas de WordPress todo en uno como Divi y Avada tienden a usar más recursos que otros diseños para garantizar que ciertas funciones funcionen correctamente.

Si la configuración de su alojamiento no está configurada correctamente, es posible que el proceso de importación de diseños prefabricados sea lento.

Por lo tanto, es prudente consultar el Centro de soporte Divi después de la activación para verificar el estado de su configuración.

Esta página también tiene un modo seguro y un registro de errores.

Avada: facilidad de configuración

Avada ha adoptado un enfoque más amigable para los principiantes en su tema de WordPress.

Una vez que haya cargado Avada en su carpeta de temas de WordPress y haya activado el diseño, accederá a la página de bienvenida de Avada.

La página de bienvenida muestra un video de introducción sobre la última versión de Avada y le recuerda que debe registrar su compra.

También se recomienda activar dos complementos de WordPress: Fusion Core y Fusion Builder.

Todas las páginas que ve en el menú de navegación de la página de bienvenida se pueden encontrar en el menú de administración de Avada.

De manera molesta, en lugar de estar ubicado alrededor del menú "Apariencia", Avada coloca su menú justo en la parte superior de su menú de administración debajo de la página de administración del tablero de WordPress. Esto empuja los enlaces importantes para las funciones clave de WordPress, como publicaciones, medios y páginas, más abajo en el menú de administración de WordPress.

Puede usar el editor de menú de administración del complemento gratuito de WordPress para organizar mejor su menú de administración de WordPress si esto lo frustra.

Para recibir actualizaciones de temas y complementos y acceder a la gama de demostración de temas de Avada, debe registrar su compra a través de una clave de token.

Fusion Core y Fusion Builder deben activarse para que Avada funcione correctamente. Puede hacerlo a través de la página de complementos de WordPress.

El complemento Fusion White Label Branding de Avada también se puede encontrar aquí, junto con cuatro complementos premium y una selección de complementos gratuitos recomendados.

Una vez que Fusion Builder esté activado, verá el menú de administración de Fusion Builder debajo del menú de administración de Avada.

El menú de administración de Fusion Slider se muestra debajo, y hay menús para tipos de publicaciones personalizadas de cartera y preguntas frecuentes.

Al igual que Divi, Avada requiere una buena configuración de alojamiento para funcionar de manera eficiente.

La página de estado del sistema puede ayudarlo a detectar problemas con la configuración de su alojamiento. Muestra información sobre su instalación de WordPress y el entorno del servidor, y le permite generar un informe del sistema.

Aunque Avada arroja más menús e información a los usuarios, creo que los desarrolladores hicieron un mejor trabajo al facilitar a los principiantes de WordPress su tema al redirigir a los usuarios a una página de bienvenida.

Conclusión: facilidad de configuración

Ni Divi ni Avada son difíciles de configurar, sin embargo, Avada ayuda más a los principiantes al redirigir a los nuevos usuarios a una página de bienvenida informativa.

Divi tiene menos configuraciones para cambiar y coloca la mayoría de las opciones de configuración en un área, pero no se brinda ayuda a los principiantes después de activar Divi.

Ganador: Avada

Construcción de página de fondo

En el corazón de Divi y Avada, encontrará dos de los mejores creadores de páginas de arrastrar y soltar del mercado: Divi Builder y Fusion Builder.

Ambas soluciones simplifican la tarea de crear hermosos diseños de sitios web y ofrecen editores de backend y frontend.

Divi – Creación de páginas de fondo

Una vez que se haya activado Divi Builder, verá un botón para "Usar Divi Builder" en la parte superior del editor de WordPress. Esto se refiere al editor Visual Builder frontend de Divi Builder.

Luego verá una opción para editar su diseño usando Divi Builder.

Si ha iniciado sesión, también puede iniciar Divi Builder Visual Builder en la interfaz de su sitio web desde la barra de administración de WordPress.

De forma predeterminada, Divi está habilitado para todas las publicaciones, páginas y tipos de publicaciones personalizadas. Si por alguna razón Divi Builder no se muestra, verifique el área de opciones de Divi para asegurarse de que Divi esté habilitado para ese tipo de publicación.

Una de las adiciones más interesantes a Divi es el Divi Layout Block. Este bloque le permite insertar diseños Divi directamente en el editor de bloques de WordPress.

Es una gran característica si quieres usar Divi, pero con el editor de bloques de WordPress como la forma principal de crear diseños.

En el pasado, Divi Builder era un editor de creación de páginas backend. Este editor, ahora llamado Legacy Builder, todavía está disponible dentro de Divi Builder.

Si Divi Theme está activado, puede habilitar Legacy Builder yendo a la sección del constructor dentro del área de opciones de tema y haciendo clic en la pestaña avanzada.

Luego puede deshabilitar la última opción de experiencia del constructor y habilitar el editor clásico.

Si está utilizando el complemento de WordPress Divi Builder independiente, estas opciones se pueden encontrar en la pestaña avanzada de la página de opciones del complemento.

Legacy Builder tiene una apariencia similar al modo de vista de estructura alámbrica que está disponible en Visual Builder.

Como editor de fondo, no puede ver los cambios que realiza en su diseño en tiempo real. Sin embargo, esto te ayuda a crear la estructura de tu página más rápido, ya que hay menos distracciones.

La parte superior del editor muestra la configuración general y la configuración de importación y exportación. Debajo hay opciones para guardar en la biblioteca, cargar un diseño y borrar el diseño. También hay botones para deshacer cambios, rehacer cambios y ver su historial de edición.

Creo que Elegant Themes hizo lo correcto al hacer que Visual Builder sea el editor predeterminado de Divi Builder, sin embargo, el editor de fondo aún es capaz de crear hermosos diseños y es fácil ver por qué algunos propietarios de sitios web aún prefieren esta interfaz.

Avada: creación de páginas de fondo

Dirijamos nuestra atención a Fusion Builder.

Fusion Builder Live es la forma principal de crear y editar diseños en Avada, sin embargo, primero me gustaría mostrarle cómo funciona el editor de fondo y cómo funciona Fusion Builder con el editor de bloques de WordPress.

Una vez que el complemento se haya activado, verá botones para Fusion Builder y Fusion Builder Live en el editor de WordPress.

Los desarrolladores de Fusion Builder planean mejorar la integración con el editor de bloques de WordPress, sin embargo, por el momento, activar Fusion Builder hará que el editor clásico sea la experiencia de edición predeterminada.

En la página de configuración de Fusion Builder, puede cargar automáticamente el editor de Fusion Builder al habilitar la 'Activación automática de Fusion Builder'.

Al crear una nueva publicación o página en Fusion Builder, se le preguntará si desea agregar un contenedor o una página prediseñada.

En la parte superior de Fusion Builder, puede cambiar entre el constructor y la biblioteca de Fusion Builder. La biblioteca contiene demostraciones de temas de sitios web completos y plantillas guardadas, contenedores, columnas y elementos (módulos).

Esta área también le permite modificar CSS, guardar su diseño, eliminar su diseño y ver su historial de edición.

Desde el punto de vista de la funcionalidad, el editor de Fusion Builder tiene mucho en común con Legacy Builder en Divi, sin embargo, su esquema de color gris opaco hace que la interfaz parezca un poco anticuada.

Fusion Builder Live se puede iniciar en la interfaz de su sitio web desde la barra de herramientas de WordPress. También puede volver a su editor backend preferido seleccionando 'Editar página'.

Si bien no hay una integración directa con el editor de bloques de WordPress, cuando agrega o edita contenido, puede seleccionar si desea usar Fusion Builder, Fusion Builder Live o el editor de bloques de WordPress (Gutenberg).

Simplemente no hay forma de cambiar directamente al editor de bloques cuando está utilizando el editor clásico o el editor Fusion Builder.

Independientemente de si usa el editor clásico de WordPress, el editor de bloques de WordPress o Fusion Builder, si está creando contenido en el backend de WordPress, verá el cuadro Opciones de página de Fusion.

Esta configuración le permite personalizar cada publicación, página o tipo de publicación personalizada en su sitio web. Cualquier cosa que defina aquí anulará la configuración en la página principal de opciones del tema Avada.

Hay docenas de configuraciones disponibles aquí para su encabezado, diseño, área de contenido y más.

Al igual que Divi Builder, Fusion Builder está habilitado de forma predeterminada para todas las publicaciones, páginas y tipos de publicaciones personalizadas. Puede verificar qué tipos de publicación están habilitados en la página de configuración de Fusion Builder.

Como puede ver, desde el punto de vista de la funcionalidad, Fusion Builder le brinda tantas opciones de diseño como Divi Builder en el backend de su sitio web.

Conclusión: construcción de la página backend

Incluso si editará la mayor parte de su contenido y diseños en la interfaz de su sitio web, lo animo a que se familiarice con el funcionamiento de cada editor de backend, ya que le permitirá realizar cambios rápidos en los diseños guardados.

También debe comprender cómo iniciar Divi Visual Builder y Fusion Builder Live desde el backend de su sitio web.

Sin duda, Divi Builder se ha implementado mejor en el área de administración de WordPress. Tiene un gran soporte para el editor de bloques de WordPress y el Legacy Builder backend es más colorido.

Por el contrario, Avada continúa deshabilitando el editor de bloques de WordPress y convierte al editor clásico obsoleto en el editor predeterminado.

Ganador: Divis

Construcción de página de frontend

No compraste Divi o Avada para crear diseños en el backend de tu sitio web, ¿verdad?

Si desea la experiencia completa de estos temas avanzados de WordPress, debe usar su editor de interfaz integrado.

Divi – Creación de página de frontend

Para distinguirlo del editor de back-end Legacy Builder, el editor de interfaz de Divi Builder se llama Visual Builder, pero la mayoría de la gente simplemente lo llama Divi Builder, ya que es la experiencia de edición predeterminada.

Si está editando una página que ya tiene contenido, Divi Builder se iniciará por completo y le permitirá modificar el diseño.

Si la página está en blanco, Divi Builder te presentará tres opciones. Puede optar por crear un diseño desde cero, seleccionar un diseño prefabricado o clonar una página existente.

Recomiendo a los principiantes que seleccionen un diseño prefabricado, ya que les permite ver lo que Divi Builder puede hacer y aprender cómo funciona la interfaz.

El menú Divi Builder se muestra en la parte inferior de la página y se divide en tres secciones.

Cuando pasa el cursor sobre cualquier parte del diseño, verá un contorno del elemento junto con botones para realizar cambios en la configuración, el estilo, la posición y más.

Un diseño se construye usando muchas secciones. Las secciones pueden contener muchas filas, las filas pueden contener muchas columnas y las columnas pueden contener muchos módulos.

Cuando pasa el cursor sobre cualquiera de estos elementos en su página, verá que aparece un cuadro que tiene opciones para moverlo, modificar su configuración, duplicarlo, guardarlo en la biblioteca, eliminarlo y más.

El proceso de cambiar cualquier aspecto de su diseño, ya sea una sección, una fila, una columna o un módulo, es el mismo.

El menú Divi Builder es una gran parte de la experiencia de creación de páginas.

Si presiona la gran X en el medio del menú Divi Builder, el menú desaparecerá. Solo queda un botón con tres puntos para que puedas volver a cargar el menú.

En el lado izquierdo del menú, hay botones para acercar y alejar su diseño y verlo en modo de escritorio, tableta y teléfono inteligente. Divi Builder es una solución receptiva que se desarrolló para todos los dispositivos, sin embargo, sigue siendo útil para ver cómo los visitantes móviles verán sus diseños.

El menú de configuración de Divi Builder también está disponible desde aquí.

Desde este cuadro de configuración, puede habilitar el modo de desplazamiento, el modo de clic y el modo de cuadrícula. Estos modos cambian la forma en que interactúa con Visual Builder.

Aquí se pueden habilitar y deshabilitar muchas otras configuraciones, como el modo de visualización predeterminado, el flujo de creación de páginas y las animaciones de la interfaz del constructor.

A la izquierda, también encontrará "Vista de estructura alámbrica".

Esta es una de mis funciones favoritas de Divi Builder, ya que te permite eliminar todos los elementos visuales de tu diseño y ver la estructura de tu página.

Hace que la tarea de mover módulos y filas sea mucho más simple ya que todo está menos abarrotado.

En el centro del menú Divi Builder, hay botones para cargar desde la biblioteca, guardar en la biblioteca y borrar el diseño (hablaré más sobre los diseños más adelante).

A la derecha hay una opción para cargar el cuadro de configuración de la página. Este cuadro se puede mover alrededor de su página o ajustarse al tamaño de su página.

Hay opciones para editar el título de la página, la imagen destacada y los colores de fondo. Una función de prueba dividida también está aquí.

Hay docenas de opciones de estilo disponibles en las pestañas de diseño y avanzadas. Los botones de deshacer y rehacer también están integrados en esta área para que pueda revertir cualquier cambio que realice.

Puede ver todas las ediciones que ha realizado en el cuadro de historial de edición y volver a cualquier estado anterior.

La última opción en el menú central es la portabilidad.

El cuadro de portabilidad le permite exportar e importar sus diseños utilizando el formato de archivo JSON.

Esto es útil para hacer copias de seguridad de diseños y para transferir diseños de Divi Builder a otros sitios web.

Los diseños se pueden guardar en cualquier momento usando el botón Guardar en el lado derecho del menú Divi.

El área también tiene botones de búsqueda, capas y ayuda.

La herramienta de búsqueda se puede utilizar para encontrar todas las características y funciones de Divi Builder. Aquí también se enumeran tutoriales útiles, pero también encontrará tutoriales en video y atajos de teclado útiles a través del botón de ayuda.

Layers es una nueva herramienta que te ayuda a ver todas las secciones del diseño. Es una forma rápida de comprobar cómo está estructurada tu página y te permite modificar la configuración de la sección.

Avada – Construcción de página de frontend

El editor de interfaz de Avada se llama Fusion Builder Live.

Este creador de páginas se creó específicamente para Avada y no está disponible para su descarga por separado, lo cual es decepcionante, ya que es uno de los mejores creadores de páginas de WordPress del mercado.

En lugar de integrar las opciones de diseño de sitios web en el personalizador de WordPress, Theme Fusion ha creado un personalizador de temas directamente en Fusion Builder Live. Esto significa que puede editar cualquier cosa a través del editor, ya sea una publicación o una página o el diseño del encabezado, pie de página, barras laterales o logotipo de su sitio web.

El menú principal de Fusion Builder Live se encuentra en la parte superior de cada página, y la configuración se muestra en una barra lateral en el lado izquierdo de la página. El primer botón en el menú principal oculta esta barra lateral para permitirle ver su diseño completo.

Al igual que Divi Builder, simplemente necesita pasar el cursor sobre una parte de su página para personalizarla o moverla a otra parte.

Cuando se muestra la barra lateral, su diseño se reducirá dentro del área principal del lienzo, pero como las opciones se muestran en el lado izquierdo de la página en lugar de en un cuadro de configuración emergente, se siente menos concurrido.

Si lo prefiere, puede mostrar la configuración de los elementos en un cuadro de icono móvil (en Divi, los elementos se denominan módulos).

Simplemente tiene que cambiar el modo de edición de elementos de 'elemento' a 'diálogo' en el cuadro de preferencias.

El segundo botón en el menú superior carga la biblioteca de Fusion Builder y al lado hay una opción para ver todos los cambios que ha realizado en su página.

El siguiente botón carga el cuadro de preferencias de Fusion Builder Live.

Aquí hay una docena de configuraciones que cambian la forma en que funciona el editor. Aquí es donde puede mover la configuración de los elementos de la barra lateral al área principal del lienzo.

También puede mover la barra lateral principal hacia el lado derecho de la página desde este cuadro y deshabilitar el encabezado adhesivo y el encabezado transparente.

Si hace clic en el botón + en el menú, puede crear nuevas publicaciones, páginas y otros tipos de publicaciones personalizadas, mientras que el botón de la papelera le permite borrar su diseño.

Varias opciones útiles están en el lado derecho del menú principal.

El primer botón es para soporte. Al hacer clic en él, se revelan enlaces a una guía de inicio y al centro de soporte de Theme Fusion. Aquí también se muestran métodos abreviados de teclado útiles.

El siguiente botón es para la capacidad de respuesta. Esto mostrará su diseño en modo de escritorio y en modo horizontal y vertical para tabletas y teléfonos inteligentes.

Fusion Builder Live también tiene un modo de vista de estructura alámbrica que muestra su diseño usando el editor de fondo.

En mi opinión, el modo de vista de estructura alámbrica en Divi Builder es mejor, ya que es más colorido y más fácil de usar.

Los últimos botones le permiten obtener una vista previa, publicar y guardar su diseño.

A primera vista, parece que el botón de vista previa simplemente oculta la barra lateral de opciones, pero esta función también desactiva la edición para que no aparezcan los botones de contornos y configuraciones.

La forma en que Theme Fusion ha integrado la configuración clave en el editor de Fusion Builder Live es fantástica.

La barra lateral de configuración enumera cientos de configuraciones de diseño de tema. Funciona de la misma manera que el Personalizador de WordPress.

Estas mismas opciones también se pueden encontrar en la página principal de opciones de temas de Avada, pero al cambiar las cosas en el editor en vivo, puede ver los cambios que realiza en tiempo real.

¿Recuerdas el cuadro de Opciones de página de Fusion que se mostraba debajo de las publicaciones y páginas en el área de administración de WordPress?

Estas mismas opciones se pueden encontrar en la barra lateral de configuración de Fusion Builder Live. Se pueden utilizar para realizar cambios específicos en su página y su diseño.

Con todo, Fusion Builder Live es una solución fantástica y su interfaz es fácil de aprender. Es una pena que no se venda por separado.

Conclusión: construcción de la página frontend

Divi Builder y Fusion Builder Live brindan una experiencia de edición fantástica y le permiten crear fácilmente hermosos diseños.

Cuando se trata de crear diseños de página y diseñar páginas, Divi Builder es la solución más refinada.

Ofrece muchas más opciones de estilo para módulos, columnas, filas y secciones. Otras características, como el modo de vista de estructura alámbrica, también se han implementado mejor.

Asegúrese de consultar nuestra revisión completa de Divi Builder para obtener una visión más completa de lo que puede hacer.

Ganador: Divis

Contenido y diseños

Divi y Avada vienen empaquetados con hermosos diseños y diseños de sitios web prefabricados que se pueden importar a su sitio web con solo hacer clic en un botón.

También le permiten personalizar el encabezado, el pie de página, las barras laterales y más de su sitio web.

Divi – Contenido y diseños

Hay más de 1100 diseños disponibles en Divi Builder y muchos de ellos se agrupan para formar un paquete de diseño de sitio web.

Elegant Themes agrega nuevos diseños a Divi cada semana y hay un número creciente de sitios web y mercados de terceros que ofrecen diseños Divi prefabricados.

Como se señaló anteriormente, cuando inicia Divi en una página en blanco, hay una opción para seleccionar un diseño prefabricado.

También puede cargar la Biblioteca Divi desde el menú principal de Divi Builder.

La Biblioteca Divi contiene todos los diseños prefabricados y personalizados que haya guardado. Aquí también se puede acceder a las páginas que ha creado con Divi Builder.

Los diseños se asignan a una de una docena de categorías, pero también puede encontrar diseños adecuados a través del cuadro de búsqueda.

Más de 150 paquetes de diseño de sitios web están disponibles en Divi.

Estos paquetes contienen diseños para muchas áreas diferentes de su sitio web, como su página de inicio, índice de blog, tienda en línea, página de información y más.

Asegúrese de obtener una vista previa de los diseños completos para ver exactamente cómo se ven.

Si se selecciona "Reemplazar contenido", el nuevo diseño reemplazará todo el diseño. Si no está seleccionado, el nuevo diseño se agregará al final de su contenido existente.

Más de 40 módulos de contenido están disponibles en Divi. Hay módulos para imágenes, videos, mapas, tablas de precios, divisores, llamadas a la acción y más.

Divi también tiene módulos de contenido únicos para WooCommerce para ayudarlo a enumerar productos de su tienda.

Cuando agrega un módulo a su página, se mostrará su cuadro de configuración. Hay docenas de configuraciones de funcionalidad y estilo que se pueden ajustar aquí.

Cualquier modificación que realice en un módulo se puede guardar en la Biblioteca Divi para su uso posterior.

Desde el menú principal de Divi Builder, puede guardar sus diseños en la biblioteca, borrar su diseño y exportar su diseño en formato JSON a través del cuadro de portabilidad.

Divi Library es una característica importante de Divi Builder y una que recomiendo aprovechar.

La Biblioteca Divi almacena todos los módulos, columnas, filas, contenedores y diseños guardados que haya guardado. Puede acceder a sus diseños guardados desde Divi Builder o desde la página de la Biblioteca Divi que se encuentra en el menú principal de administración de Divi.

Cuando selecciona editar un diseño, verá su diseño en el modo de vista de estructura alámbrica.

Si lo prefiere, puede ver el diseño en modo de escritorio, tableta o dispositivo móvil. También puede iniciar el diseño con Divi Visual Builder desde aquí.

Divi Theme Builder funciona junto con Divi Library para brindarle más control sobre el diseño de su sitio web.

Le permite crear un diseño desde cero, o seleccionar un diseño de su biblioteca y asignarlo como encabezado, cuerpo o pie de página. A continuación, puede especificar exactamente dónde se muestran estos diseños y dónde no.

Por ejemplo, puede asignar una plantilla a las publicaciones de su blog de noticias, una a los tutoriales, otra a su página de inicio y otra diferente a su página de información.

Esto le da control total sobre cómo se diseñan las diferentes áreas de su sitio web.

Cuando se lanzó Divi, el tema manejó todo, pero hoy está estructurado de manera muy diferente.

Divi Theme es en realidad un diseño mínimo de WordPress que actúa como un lienzo para Divi Builder y otros creadores de páginas de WordPress.

Funciones como Divi Theme Builder ilustran que Elegant Themes está ampliando aún más la funcionalidad de diseño de Divi Builder, pero Divi Theme sigue siendo compatible con el personalizador de WordPress.

Cientos de configuraciones de personalización están disponibles para Divi dentro del Personalizador de WordPress. Puede ajustar muchas configuraciones de estilo diferentes, como espaciado, fuentes y colores, y ver el resultado en tiempo real.

Tenga en cuenta, sin embargo, que Divi Builder seguirá controlando el contenido de sus publicaciones y páginas.

Desafortunadamente, Divi Theme no ha adoptado completamente el personalizador de WordPress.

Hay una docena de configuraciones de diseño que solo se pueden modificar a través de la página de opciones del tema Divi. Esto incluye configuraciones clave como el logotipo de su sitio web.

Es desconcertante por qué Elegant Themes tiene opciones de personalización de temas divididos entre dos áreas diferentes.

Avada: contenido y diseños

Hay 62 demostraciones de temas disponibles en Avada.

Las demostraciones de temas incluyen diseños para muchas áreas diferentes de su sitio web y son equivalentes a los paquetes de diseño de Divi.

La página de opciones de temas de Avada enumera todas las demostraciones de temas. Las demostraciones se pueden filtrar por categoría o mediante el cuadro de búsqueda.

Si bien Divi tiene más de 150 paquetes completos de diseño de sitios web, podría decirse que Avada tiene una mejor variedad de diseños.

Al igual que Divi, hay diseños para tiendas, blogs y empresas, sin embargo, también hay demostraciones de temas que se han creado para temas especializados como SEO, criptomonedas, deportes electrónicos y foros de discusión.

Las vistas previas completas del sitio web también están disponibles para cada diseño.

Cuando hace clic para importar una demostración de tema, Avada le permite saber qué complementos de WordPress deben activarse para que funcione correctamente.

Si desea que su sitio web coincida con lo que ve en la vista previa, también deberá importar el contenido de demostración. Avada le permite seleccionar qué contenido se importa y hay una opción para eliminar el contenido previamente importado, como publicaciones y páginas.

Avada muestra una advertencia antes de importar que le recuerda que la importación reemplazará su tema actual de WordPress.

Avada cambiará el nombre de su sitio web por el nombre de la demostración del tema que importó.

Si bien esto le recuerda el último diseño que importó, es molesto tener que volver a cambiar el nombre de su sitio web cada vez que importa un diseño.

Las demostraciones también están disponibles en Fusion Builder a través del botón de biblioteca.

La biblioteca de Fusion Builder enumera demostraciones de temas y cualquier diseño que haya guardado para plantillas, contenedores, columnas y elementos.

Si importa una demostración de tema de esta manera, solo puede importar una sola página y no hay opción para importar contenido de demostración.

En este sentido, creo que Elegant Themes ha hecho un mejor trabajo al integrar diseños prefabricados en Divi Builder. En Avada, debe salir del editor para importar completamente el diseño de un sitio web.

Los elementos son los componentes básicos del contenido que agrega a sus diseños.

WordPress los llama bloques en el editor de Gutenberg y Divi los llama módulos, pero todos se refieren a lo mismo.

Hay alrededor de 60 elementos disponibles en Fusion Builder, que es un 50% más de lo que hay en Divi Builder.

Se ofrece una buena variedad de elementos, como gráficos, cuadros de contenido, carruseles de imágenes, tablas de precios y testimonios.

Cuando seleccione un elemento, su configuración se mostrará en la barra lateral de configuración.

Las opciones de personalización del diseño están disponibles para cada elemento. Sin embargo, Divi Builder ofrece muchas más opciones de estilo y personalización.

Cuando hace clic para agregar un elemento, también puede agregar filas nuevas. Hay muchas configuraciones diferentes de columnas anidadas para que las inserte en su diseño.

Una vez que haya insertado columnas, puede llenarlas con elementos de contenido.

Aunque Divi Builder le ofrece más opciones de estilo y personalización para sus diseños, Fusion Builder Live lo compensa con creces con su personalizador de temas integrado.

Con solo hacer clic en un botón, puede cambiar entre modificar el diseño de una publicación o página para ajustar cientos de configuraciones diferentes en un nivel de página o en un nivel de sitio web.

La página de opciones de Avada tiene cientos de configuraciones. La mayoría de estos también se pueden encontrar en Fusion Builder Live, y puede saltar a la interfaz de Fusion Builder Live en cualquier momento usando el botón "Editar en vivo".

La página principal de opciones de Avada contiene algunas configuraciones adicionales, por lo que vale la pena revisar cada sección aquí cuando configure su sitio web por primera vez.

Los elementos de contenido individuales se pueden habilitar y deshabilitar desde la página de configuración de Fusion Builder.

Desde esta página, puede hacer que Fusion Builder sea el editor predeterminado y habilitar y deshabilitar Fusion Builder para ciertos tipos de publicaciones. También puede importar y exportar contenido de Fusion Builder utilizando el formato de archivo XML.

A lo largo de Fusion Builder Live, verá opciones para guardar partes de su diseño en la biblioteca de Fusion Builder.

Puede nombrar sus diseños guardados y marcarlos como globales. Una vez guardados, se pueden cargar en Fusion Builder en cualquier momento.

La página de la biblioteca de Fusion Builder se encuentra dentro del menú principal de Fusion Builder.

Todos los elementos que ha guardado se pueden acceder y modificar aquí.

De forma predeterminada, los elementos guardados se cargarán con el editor Fusion Builder de backend; sin embargo, también puede seleccionar realizar modificaciones con el editor Fusion Builder Live de frontend.

Avada también cuenta con un generador de temas que le permite asignar diseños a la barra de título de una página, al área de contenido y al pie de página. Estos diseños son secciones etiquetadas y se pueden editar con los editores de Fusion Builder backend o frontend.

A diferencia de Divi Builder, no hay forma de especificar dónde se muestran los diseños de las páginas.

Hay características que me encantan en ambos editores, sin embargo, la barra lateral de configuración de Fusion Builder Live realmente lleva la edición en vivo al siguiente nivel. La capacidad de cambiar el diseño, la configuración de la página y el diseño del sitio web, todo desde una única interfaz, ahorra mucho tiempo.

Conclusión: contenido y diseños

El sistema de bibliotecas de Divi Builder y su extensa lista de opciones de personalización del creador de páginas lo convierten en el mejor creador de páginas de WordPress.

La forma en que los diseños prefabricados se integran en Divi Builder también es mejor, sin embargo, Avada brinda la mejor experiencia general de diseño y edición.

Mientras que Divi divide la configuración de diseño clave entre la página de opciones del tema Divi y el personalizador de WordPress, Avada le permite controlar todo desde una ubicación central utilizando el editor Fusion Builder Live. Es una característica sorprendente que hace que Fusion Builder Live se destaque entre la multitud.

Ganador: Avada

Otras funciones y configuraciones

Es imposible hablar sobre todas las funciones de Divi y Avada porque son temas de WordPress muy grandes; sin embargo, en esta sección, me gustaría hablar sobre algunas otras funciones útiles disponibles en Divi y Avada que aún no he mencionado.

Divi - Otras funciones y configuraciones

Elegant Themes ha migrado la mayoría de las funciones a Divi Builder, pero cuando se activa Divi, también verá un nuevo tipo de publicación personalizada "Proyectos" en su menú de administración de WordPress.

Divi Builder ya tiene un módulo de contenido de cartera, pero el tipo de publicación de proyectos le brinda más flexibilidad con respecto a cómo se muestran y clasifican los elementos.

Divi también agrega algunas opciones adicionales a las publicaciones y páginas para asignar la posición de la barra lateral y definir si se muestran el menú de navegación y la barra de título.

Como se señaló anteriormente, el área de opciones del tema principal tiene muchas opciones de diseño que no se pueden encontrar en el Personalizador de WordPress.

El área de opciones también tiene varias configuraciones para su menú de navegación, Divi Builder, publicaciones y páginas individuales, un anuncio publicitario de 468X60 y SEO. También hay opciones para agregar código personalizado a las páginas.

El editor de roles Divi está disponible en Divi Builder y Divi Theme.

Usando el editor de roles, puede especificar exactamente lo que los usuarios pueden y no pueden hacer en Divi Builder. Se pueden habilitar y deshabilitar docenas de funciones para grupos de usuarios con solo hacer clic en un botón.

Avada: otras funciones y configuraciones

La cantidad de formas de agregar diapositivas en Avada roza lo ridículo.

Inside Fusion Builder es un elemento Slide para integrar diapositivas en sus diseños, pero Avada también tiene dos tipos de publicaciones personalizadas Slider integradas en el tema.

Estos son Elastic Slider y Fusion Slider, siendo Fusion Slider el tipo de publicación que utilizan las demostraciones de temas de Avada.

Si eso no es suficiente para ti, Avada también viene con Layer Slider y Slider Revolution.

Estos complementos avanzados de control deslizante de WordPress son las dos soluciones de control deslizante premium más vendidas disponibles para los usuarios de WordPress.

Los tipos de publicaciones de cartera y preguntas frecuentes también están disponibles en Avada.

También se pueden crear conjuntos de íconos personalizados en Avada y hay 10 extensiones de complementos para Avada en CodeCanyon que agregan funcionalidades como membresías, campos personalizados, reseñas, testimonios y más.

Tenga en cuenta que para obtener soporte completo para cualquiera de los complementos premium que se incluyen con Avada, deberá comprar una licencia para el producto por separado.

Conclusión: otras funciones y configuraciones

Divi y Avada están en un estado de evolución constante, por lo que puede esperar que se agreguen muchas más funciones en los próximos años.

Mientras que Divi le brinda la mayor cantidad de opciones de estilo para la creación de páginas, Avada le brinda más control sobre su sitio web.

Ganador: Avada

Rendimiento

Un sitio web de carga rápida mejorará la clasificación de su motor de búsqueda y mantendrá a los visitantes en su sitio web por más tiempo, sin embargo, probar la velocidad de los temas de WordPress con precisión puede ser difícil ya que hay muchos factores a considerar.

Además, si desea comparar la velocidad de Divi y Avada con otros temas de WordPress, se deben hacer muchas suposiciones en todos los ámbitos para hacer una comparación justa.

Tanto Divi como Avada son capaces de crear sitios web de WordPress de carga rápida; sin embargo, si crea diseños ricos en medios utilizando sus editores de interfaz, sus páginas se ralentizarán. Esto es, por supuesto, cierto para cualquier tema de WordPress.

Para ayudarlo a mejorar el rendimiento de su sitio web y reducir la carga que pueden agregar los creadores de páginas, los desarrolladores de Divi y Avada han agregado muchas funciones en sus temas para ayudarlo a generar menos consultas a la base de datos y solicitudes HTTP.

Divi – Rendimiento

En la página de configuración general del área de opciones de Divi Theme, hay opciones para habilitar imágenes receptivas y minimizar y combinar archivos CSS y Javascript.

En la página de configuración de Divi Builder, también hay una opción para habilitar la generación de archivos CSS estáticos.

Avada – Rendimiento

Avada tiene una docena de configuraciones de rendimiento. Estos se pueden modificar a través de la página de opciones del tema principal o dentro de Fusion Builder Live.

El tema le permite configurar la calidad de las imágenes JPG y optimizar las imágenes más grandes en un ancho determinado.

La carga diferida también está disponible, y puede cargar hojas de estilo desde su pie de página.

Avada también proporciona varias herramientas para optimizar archivos CSS y Javascript.

Conclusión – Rendimiento

Divi y Avada son capaces de impulsar un sitio web de WordPress de carga rápida, pero aún debe seguir las técnicas de optimización de WordPress recomendadas.

Asegúrese de verificar la página de estado del sistema en ambos temas de WordPress para asegurarse de que cumple con los requisitos para ejecutarlos de manera eficiente. Si los tiempos de respuesta del servidor son lentos, es posible que desee considerar actualizar a una solución de alojamiento más rápida.

Los complementos de optimización de imágenes de WordPress pueden ser útiles si sus páginas contienen muchas imágenes.

Los complementos de almacenamiento en caché, como WP Rocket, y las redes de entrega de contenido, como KeyCDN, pueden reducir aún más el tamaño de las páginas.

Ganador: Empate

Soporte y Documentación

Cuando se trata de brindar un excelente soporte, Elegant Themes y Theme Fusion están a la vanguardia en el mundo de WordPress.

Divi – Soporte y Documentación

Dentro del Centro de soporte de Divi, hay una opción para dar acceso remoto a su sitio web al personal de Elegant Themes. Esto puede ayudar al equipo de soporte a solucionar cualquier problema que tenga.

A continuación, verá un enlace directo al área de soporte de Elegant Themes y varios tutoriales en video para ayudarlo a comenzar.

Los iconos de ayuda también están disponibles en Divi Builder para explicar para qué sirve cada función.

El área de documentación de Elegant Themes es increíble. Hay cientos de tutoriales escritos y tutoriales en video para guiarlo a través del uso de Divi y otros productos. El blog Elegant Themes también publica tutoriales con frecuencia.

También puede conectarse con otros usuarios de Divi a través de un grupo de Facebook, un foro comunitario y una reunión local.

Si necesita más ayuda, puede crear un ticket de soporte 24/7 y recibir ayuda.

A diferencia de la mayoría de los temas de WordPress, Elegant Themes otorga soporte a un número ilimitado de usuarios. Esto es útil para empresas que tienen muchos empleados.

Avada – Soporte y Documentación

Avada tiene una página dedicada de soporte y preguntas frecuentes que se encuentra en los menús de administración de Avada y Fusion Builder.

Dado que Avada se vende a través de ThemeForest, deberá crear una cuenta de soporte con Theme Fusion para abrir tickets de soporte.

Para obtener más información sobre Avada, debe consultar la guía de inicio, el área de documentación y los tutoriales en video que se enumeran en la página de soporte de Avada.

Esta página también enlaza con la página de soporte de tickets de Avada, el foro de la comunidad y el grupo de Facebook.

En esta página también se abordan varias preguntas frecuentes.

Una vez que comience a explorar el área de documentación de Avada y Fusion Builder, comenzará a apreciar lo extenso que es.

Todos los aspectos del tema Avada y Fusion Builder están cubiertos aquí.

Conclusión – Soporte y Documentación

La extensa documentación disponible para Divi y Avada significa que rara vez tendrá que pedir ayuda, pero ambos temas de WordPress brindan un ticket de soporte las 24 horas del día, los 7 días de la semana, en caso de que lo necesite.

Ganador: Empate

Costo

El costo es un factor que todos los propietarios de sitios web deben considerar junto con las características y la funcionalidad.

Divi o Avada tienen precios competitivos, pero ¿qué solución ofrece más valor?

Costo – División

Una membresía de Elegant Themes le da acceso a Divi Theme y al complemento de WordPress independiente Divi Builder.

También incluye el tema Extra para WordPress de la revista, el complemento de WordPress para la suscripción de correo electrónico y la generación de clientes potenciales Bloom, y el complemento de WordPress para redes sociales Monarch.

La política de precios de Elegant Themes es sencilla.

Su membresía anual cuesta $89 y viene con un año de soporte y actualizaciones. Puede continuar usando todos los productos de Elegant Themes una vez que su membresía haya expirado, sin embargo, solo recibirá soporte y actualizaciones si su membresía está activa.

La membresía de por vida cuesta $ 249 y viene con soporte y actualizaciones de por vida.

Ambos planes de membresía permiten el uso ilimitado del sitio web y vienen con una garantía de devolución de dinero de 30 días.

Divi podría ser la razón por la que te registras en Elegant Themes, sin embargo, todos sus productos son de alta calidad y hacen que la membresía sea más atractiva.

Extra es una máscara de Divi Theme que tiene una función adicional de creación de categorías. Esto se puede usar para crear diseños y estilos únicos para cada categoría de publicación. Por ejemplo, podría tener un diseño para su página de inicio, uno para noticias y otro para tutoriales.

Al igual que Divi Theme, Divi Builder está integrado directamente en Extra.

Bloom es una solución de marketing por correo electrónico que le permite mostrar un formulario de suscripción al boletín de seis formas diferentes. Puede definir cuándo se muestran los formularios, por ejemplo, después de que un usuario se haya desplazado a un punto determinado de la página o una vez que haya publicado un comentario.

Admite 19 servicios de marketing por correo electrónico diferentes y viene con cientos de formularios de boletines prefabricados.

El complemento de WordPress para redes sociales Monarch también es una solución fantástica.

Le permite mostrar botones para compartir de más de 20 redes sociales en cinco ubicaciones diferentes. Cada botón se puede diseñar y personalizar para satisfacer sus necesidades.

Costo – Avada

Avada se vende al por menor en ThemeForest por $60.

Viene con actualizaciones ilimitadas y seis meses de soporte, que se pueden extender a 12 meses por $18 adicionales.

Una gran cantidad de complementos premium de WordPress también se incluyen con el paquete Avada.

Avada se lanzó bajo la licencia regular de ThemeForest, que ThemeForest clasifica como un producto de un solo uso.

Ha habido muchos desacuerdos públicos entre Envato (ThemeForest) y WordPress sobre esta política de licencias, ya que va en contra de la Licencia Pública GNU bajo la cual se publica WordPress y establece que el uso no debe ser restringido.

A pesar de esto, los desarrolladores de Avada afirman en su sitio web que “se requiere una sola compra de Avada para cada sitio que cree”.

En pocas palabras, si desea usar Avada en varios sitios web, debe comprar una licencia por separado para cada uno.

Los complementos premium de WordPress que se incluyen con Avada le costarían más de $ 100 si los comprara todos por separado.

Convert Plus ($ 24) es un complemento de WordPress de marketing por correo electrónico disponible en Avada que le permite mostrar formularios de registro de correo electrónico de 12 maneras diferentes. Cuenta con cientos de plantillas de formularios de boletines prefabricados y se integra con todos los principales servicios de marketing por correo electrónico.

Advanced Custom Fields es un complemento de WordPress de administración de campos muy popular que tiene más de un millón de descargas en WordPress.org. La versión pro de Advanced Custom Fields ($49+) que se incluye con Avada presenta nuevas funciones, como el campo repetidor, los bloques ACF, el campo de contenido, el campo de clonación y más.

Los dos complementos de control deslizante de WordPress más populares en el mercado son Layer Slider ($ 25 +) y Slider Revolution ($ 29) y ambos están incluidos con Avada.

Estos complementos le permiten crear controles deslizantes avanzados con capas utilizando una interfaz moderna de arrastrar y soltar y vienen con cientos de plantillas prefabricadas para ayudarlo a comenzar.

Conclusión – Costo

Comparar el costo de dos temas de WordPress nunca es sencillo cuando se venden con diferentes modelos de precios.

Tanto Divi como Avada vienen empaquetados con productos adicionales de WordPress de alta calidad, pero solo usted puede decidir si estos extras le ofrecen valor, así que asegúrese de tener en cuenta cómo usará Divi y Avada para ayudarlo a tomar una decisión informada.

Una membresía de Elegant Themes otorga un uso ilimitado, por lo que si planea crear muchos sitios web, Divi es la opción más económica.

Si solo necesita un tema de WordPress para un sitio web, Avada resultará más económico, ya que se puede adquirir por solo $ 60 y viene con actualizaciones de por vida.

Cuando se trata de costos, Divi supera ligeramente a Avada, ya que se adhiere a la Licencia Pública General y ofrece soporte a un número ilimitado de usuarios.

Ganador: Divis

Pensamientos finales

Si bien me gusta el Personalizador de WordPress, Theme Fusion hizo un trabajo fantástico al integrar las opciones de personalización del tema directamente en Fusion Builder Live. Funciona muy bien y reduce el tiempo que dedica a modificar su sitio web.

Por lo tanto, elegiría Avada si está buscando una solución que le permita controlar todos los aspectos del diseño de su sitio web desde una interfaz.

Donde Divi continúa liderando es el sistema de Biblioteca Divi. Elegant Themes ha perfeccionado esta configuración a lo largo de los años para simplificar la tarea de guardar diseños, personalizar y reutilizar diseños.

Entonces, si está buscando principalmente un creador de páginas de WordPress que lo ayude a crear contenido elegante y diseños profesionales, Divi es la mejor opción.

Divi y Avada son excelentes soluciones, por lo que realmente se trata de qué tema de WordPress funciona mejor para usted.

Aquí hay un resumen de cómo se comparan Divi y Avada:

¿Cuál es tu tema favorito de WordPress?

Háganos saber en el área de comentarios a continuación.

Si te ha gustado este artículo, te animo a que nos sigas en Twitter y Facebook. También debe consultar nuestra amplia gama de temas de WordPress gratuitos y premium.

Buena suerte.
Kevin