Entonces, desea saber si debe elegir Divi vs Genesis para crear su próximo sitio web, ¿verdad? El tema Divi y el complemento de creación de Elegant Themes y Genesis Framework de StudioPress son dos de las opciones de temas más populares disponibles para los usuarios de WordPress. El primero tiene más de 700,000 clientes, mientras que el segundo es un producto diseñado para ayudar a crear sitios web y también una colección de temas infantiles. El resultado de usar cualquiera de ellos es el desarrollo del front-end de los sitios web de WordPress. Sin embargo, la forma en que lo abordan es muy diferente.
Y este artículo tiene como objetivo resolver su dilema.
Este es un problema interesante que se viene dando desde hace algún tiempo. Ambos temas se han establecido en la industria, ofrecen una gran cantidad de funciones y tienen una base de fans constante. Naciones Unidasless Si tiene experiencia práctica en el uso de estos dos elementos, es realmente difícil elegir uno sobre otro.
Sin embargo, hemos tenido la oportunidad de utilizar ambos productos durante bastante tiempo. Hemos creado varios sitios web utilizando cualquiera de estos productos, por lo que cuando se trata de Genesis vs Divi, tenemos conocimientos prácticos sobre sus puntos fuertes y débiles.
Es por eso que elaboramos esta guía masiva / definitiva para ayudarlo a tomar la decisión crucial y elegir entre el producto más popular de ElegantThemes y Genesis de StudioPress. Al final de este artículo, tendrá una idea clara sobre cuál debe elegir para crear su próximo sitio web de WordPress.
Tenemos sitios que se ejecutan tanto en Divi como en Genesis, y acabamos de actualizar este artículo en abril de 2024 con detalles completamente nuevos según sea necesario para ambos productos.
Dado que estos dos no son el mismo tipo de plantilla, comencemos con una introducción rápida a ambos elementos de WordPress.
Divi vs Génesis
Divi es un tema de WordPress multipropósito en toda regla y un creador de páginas con muchas plantillas para comenzar rápidamente. Genesis es un marco para el desarrollo de temas, pero tiene muchos temas secundarios que están listos para usarse. Divi es una solución lista, Genesis es lo mejor para aquellos que prefieren construirlo todo ellos mismos.
Estrictamente hablando, no puedes comparar Divi vs Genesis por una simple razón, el producto de ElegantThemes es un tema de WordPress en toda regla, mientras que el de StudioPress es un marco para crear temas. El público al que se dirigen estos dos elementos es bastante diferente. Divi está dirigido a aquellos que solo quieren comprar algo listo para usar, mientras que Genesis está dirigido a aquellos que están felices de construir el tema ellos mismos.
Revisión del tema Divi 4.0 WP
Como parte de nuestra investigación sobre este artículo, CollectiveRay también revisado Tema Divi 4.0 WP, que es una plantilla normal de WordPress que viene con un potente creador de páginas y un sistema de creación de temas integrado. Hay muchas opciones de personalización para ayudarlo a aplicar sus estilos al sitio web.
Por otra parte, Genesis es un marco temático. Eso significa que actuará como la base de su sitio web, mientras que debe usar un tema secundario para obtener todas las opciones de personalización y estilo.
Revisión de Génesis
Una vez más, dado que profundizamos tanto en estos dos temas, también dedicamos un Genesis framework revisar como su propio artículo sobre CollectiveRay.
Debido a sus diferencias en la estructura central, Divi y Genesis están dirigidos a diferentes tipos de usuarios. Por ejemplo, puede utilizar el producto de ElegantThemes para crear diseños hermosos y personalizar el diseño con las opciones disponibles. El marco de StudioPress se centra más en el rendimiento y los estándares de codificación.
Ahora que tiene una comprensión básica de estos, profundicemos para saber más sobre las diferencias entre Divi y Genesis.
Obtenga 10% de descuento en Divi hasta abril de 2024
Visite el sitio web de StudioPress
Introducción a su sitio (tema vs marco)
Como puede adivinar por sus diferencias, los dos elementos funcionan de formas bastante diferentes. Y es por eso que el proceso de puesta en marcha no es el mismo.
Cómo iniciar su proyecto con Divi
Necesitas ser un ElegantThemes cliente para usar este artículo, por supuesto. Una vez que lo instale y lo active en su sitio web, puede comenzar a diseñar su sitio web.
Divi ofrece algunas páginas listas para usar (llamadas diseños), que discutiremos en la siguiente sección. Puede utilizar estos diseños para crear las páginas necesarias para su sitio web o crear diseños personalizados para sus páginas, crear encabezados, pies de página y plantillas de cuerpo personalizados. También es posible elegir un diseño existente y personalizarlo según sus requisitos.
El elemento viene con un generador de páginas de arrastrar y soltar incorporado llamado Visual Builder. Puede usar esto para crear, editar y administrar diseños personalizados. El constructor ofrece opciones de estilo dedicadas para todos los componentes de su diseño. Encontrará las opciones de personalización del sitio web en la página Apariencia> Personalizar.
Hay una nueva función llamada Theme Builder agregada como parte de la versión de Divi 4.0 en octubre de 2019. Ahora puede crear plantillas personalizadas de encabezado, pie de página y cuerpo usando el Divi builder herramientas y sus módulos y características.
Iniciar un proyecto con el Genesis Framework
Genesis también es un producto premium, lo que significa que también debes comprarlo. Sin embargo, no puede utilizar el tema principal para crear su sitio web.
Al menos, esa no es la forma recomendada.
Necesita utilizar un tema secundario adecuado para crear su sitio web..
Hay muchos temas secundarios disponibles para Genesis, la mayoría de los cuales son premium. Una vez que compre un diseño infantil adecuado, debe instalarlo en su sitio de WordPress. Y ahí es cuando puede comenzar con su sitio web.
Las opciones de personalización y los diseños disponibles varían según la plantilla secundaria seleccionada.
Diseños Divi vs Temas infantiles de Génesis
Como dijimos en el apartado anterior, el producto de ElegantThemes viene con varios diseños listos para usar (más de 100 al momento de escribir este artículo). Por otro lado, el marco de StudioPress también tiene muchos temas secundarios para crear varios tipos de sitios web.
Veamos algunos detalles más sobre sus diferencias.
Diseños divididos
Los diseños vienen en dos tipos: diseños de una sola página y paquetes de diseño.
Los paquetes de diseño son esencialmente un paquete de sitio web completo que contiene diseños para la página de inicio, la página del blog, la página de contacto, las páginas de destino, las páginas de la tienda, etc. Estos paquetes de diseño son bastante similares a los temas secundarios de Genesis, o Elementor plantillas.
Hay varios paquetes de diseño para diferentes industrias, nichos y propósitos generales de sitios web para elegir.
Encontrará los diseños dentro del Visual Builder en la opción "Cargar desde la biblioteca". Hay diseños para la presentación, mantenimiento, próximamente, página de destino, acerca de, contacto, equipo, estudio de caso junto con múltiples variaciones para las páginas de inicio, blog, tienda, proyecto y portafolio, y hay varios paquetes de diseño que contienen una colección de páginas con un tema similar, como el que se muestra a continuación.
Puede cargar cualquiera de estos diseños en el editor de publicaciones. Luego, tiene la opción de usar el diseño tal como está o personalizarlo de acuerdo con sus requisitos. Si quieres inspiración, nuestro Ejemplos de Divi creados con este tema puede ayudar a inspirarte.
Haga clic aquí para ver más diseños
Temas de Génesis para niños
Los temas infantiles ofrecen una solución completa para crear diferentes tipos de sitios web. Hay plantillas secundarias oficiales y de terceros que puede usar con el marco.
La directorio oficial incluye temas secundarios para crear un negocio, empresa, fotografía, bienes raíces (puede encontrar más opciones para bienes raíces esta página), sitios web de revistas y comercio electrónico.
Hay varios otros lugares como Prensa en zigzag, 316 restaurado, aplicaciónfinita, etc., donde puede obtener artículos de alta calidad para Genesis. También es posible contratar a un desarrollador autónomo para crear temas y diseños secundarios personalizados de acuerdo con sus requisitos.
Haga clic para visitar el directorio de temas de StudioPress ahora
¿Qué opciones de configuración tiene?
Tanto Divi como Genesis ofrecen muchas opciones de configuración para administrar su sitio web. Veamos cuáles son estas opciones.
Opciones de configuración de Divi
Las opciones de configuración se encuentran en la página Opciones de tema. Las opciones disponibles se dividen en varias pestañas.
En "General", puede cargar el logotipo, favicon, habilitar la navegación fija, volver al botón superior, mostrar los iconos de redes sociales, etc.
“Navegación” incluye varias opciones para definir cómo se agregarán las páginas y categorías al menú de navegación. "Diseño" le permite controlar la publicación única y los diseños de página.
En "Creador", puede configurar la integración del tipo de publicación del creador de páginas. Puede elegir qué tipos de publicaciones deben ser personalizables por el constructor visual.
ACTUALIZACIÓN: Desde Divi 3.18, Divi builder ahora tiene como valor predeterminado un creador de páginas visual completo. Las versiones anteriores se basaban en gran medida en las antiguas "editor de backend", Pero ahora ha sido reemplazado por el nuevo modo de estructura alámbrica que acompaña al constructor visual mejorado, por lo que el constructor anterior está desactivado de forma predeterminada.
Si prefiere trabajar con el editor de backend, aún puede habilitarlo. Vaya a la pestaña avanzada en "Constructor" y desactive la última experiencia Divi. Tenga en cuenta que perderá el acceso a las funciones más recientes si opta por hacerlo.
En la pestaña "Diseño" puede configurar las opciones de diseño de una sola publicación. Puede habilitar o deshabilitar ciertos elementos de metadatos, etc.
Hay una función que le permite mostrar un banner publicitario en la parte inferior de sus publicaciones individuales. Puede administrar las opciones de anuncios desde la sección "Anuncios".
La sección "SEO" le permite proporcionar un título personalizado, una descripción, palabras clave y una URL canónica para la página de inicio y publicaciones individuales. Además, también puede habilitar la meta descripción y la URL canónica para la página de índice.
En la sección "Integración", puede agregar código personalizado al encabezado y al cuerpo de todo el sitio, en la parte superior e inferior de publicaciones de blog individuales, etc.
Opciones de configuración de Genesis
Todas las configuraciones y opciones se encuentran en el menú "Génesis" en su tablero. Hay dos tipos de configuraciones:
- Ajustes de tema
- SEO Configuración
En "Configuración del tema", encontrará opciones para crear un feed personalizado, elegir el diseño del sitio predeterminado, el logotipo, habilitar rutas de navegación para varias páginas, habilitar o deshabilitar comentarios y trackbacks, configurar el archivo de contenido, personalizar las publicaciones del blog junto con campos para agregar scripts personalizados al encabezado y pie de página del sitio web.
En la sección "Configuración de SEO", encontrará opciones para agregar el nombre del sitio a los títulos de la página interna, definir el título, la meta descripción, las palabras clave, las etiquetas para la página de inicio y aplicar noindex, noarchive, etc. a varias páginas de archivo de su página web.
¿Alguna otra característica en Genesis vs Divi que necesite conocer?
Ahora que tenemos una comprensión básica de estos dos elementos, es hora de ver qué otras características ofrecen estos dos para los usuarios.
Otras características de ElegantThemes
Junto con el potente generador de páginas de arrastrar y soltar, este elemento también viene con un editor de interfaz intuitivo. Le permite hacer clic en cualquier elemento y editar su contenido y estilo sobre la marcha. Por ejemplo, puede aumentar el ancho o la altura arrastrando los elementos al tamaño deseado, y así sucesivamente.
Otra característica excelente del constructor visual es la función de edición de texto en línea. Puede hacer clic en cualquier texto editable y escribir como si estuviera editando un documento de Word y ver los cambios en tiempo real.
Ya sabe que puede utilizar Visual Builder para crear un nuevo diseño o editar los diseños listos para usar. ¿Pero sabías que puedes guardar estos diseños personalizados?
Sí, puede guardar sus diseños y usarlos en otras publicaciones o páginas.
La edición totalmente receptiva es otra gran característica. Todos los cambios que realice en el creador de páginas o en el editor front-end se aplicarán automáticamente a los puntos de interrupción móviles relevantes.
El producto y Visual Builder también vienen con una función de prueba dividida incorporada. Eso significa que puede probar fácilmente varios diseños y contenido para descubrir cuál funciona mejor para su sitio. Puede hacer todo esto sin utilizar ningún complemento adicional.
Una nueva característica que mejora la productividad es la buscar y reemplazar estilos .
En lugar de tener que revisar todos los elementos de una página, puede simplemente buscar y reemplazar para editar todos los elementos a la vez. Por ejemplo, si desea cambiar la fuente de toda la página, puede utilizar esta función.
Si está creando un sitio web multilingüe, utilice este elemento de ElegantThemes es una excelente opción para ti. Con soporte RTL superior, ya está traducido a 32 idiomas. También es posible traducirlo a su idioma.
Finalmente, el nuevo creador de temas le permite personalizar la apariencia de todo su sitio web.
Puede crear un conjunto de encabezados y pies de página personalizados y aplicarlo globalmente, luego crear otro conjunto que se aplique solo a ciertas áreas de su sitio web. Incluso es posible crear un encabezado y pie de página personalizados para una sola publicación o página o incluso para la página de archivo de una determinada etiqueta.
La capacidad de personalización del creador de temas supera con creces la capacidad de crear y asignar nuevos encabezados y pies de página. También le da el poder de crear plantillas de cuerpo personalizadas para sus publicaciones, páginas y páginas de índice. La creación de estas plantillas se realiza utilizando las mismas potentes herramientas de creación de páginas visuales que utiliza para crear páginas estáticas.
Otras características del marco de StudioPress
Genesis presenta un estándar de codificación superior en comparación con la mayoría de los productos premium de WordPress, que es un fuerte punto de venta del marco. Como sigue todas las mejores prácticas de codificación, esto puede mejorar potencialmente el rendimiento de su sitio web.
La mejor calidad del código y el cumplimiento de las mejores prácticas nos llevan a otra característica del marco: un fuerte énfasis en la seguridad.
Cada versión del marco es probada por el desarrollador líder de WordPress, Mark Jaquith.
Genesis utiliza muchos ganchos bien documentados en todo el sitio web, lo que hace que sea mucho más fácil para los desarrolladores personalizar los estilos.
Considerarless del tema hijo que está utilizando, el gancho funcionará en su sitio.
En estos días, la mayoría de las plantillas premium se enfocan en ofrecer más diseños de demostración y más funciones, mientras se olvidan de aspectos básicos como la accesibilidad.
Génesis es una clara excepción aquí. El marco sigue correctamente las pautas de accesibilidad para que el sitio sea accesible para visitantes con discapacidades físicas.
Tener complementos dedicados es otra característica notable. Dado que el marco tiene una gran cantidad de usuarios, hay muchos gratuita, y complementos premium disponibles para ello. Puede utilizar estos complementos para agregar más funciones a su sitio web.
¿Cómo es el soporte de los equipos Divi vs Genesis?
Ambos elementos provienen de empresas bien establecidas, lo que significa que puede esperar un soporte y un servicio al cliente mejores que el promedio. Averigüemos qué tipo de soporte puede esperar para cada uno de estos.
En primer lugar, ElegantThemes los clientes tienen un foro de soporte dedicado para obtener ayuda profesional. Puede buscar los hilos existentes o crear un nuevo hilo con su problema.
La profundidad documentación, tutoriales en video y publicaciones de blog detalladas también lo ayudará a comenzar y aprovechar las diversos características.
Por otro lado, Génesis también tiene un activo comunidad de apoyo para ayudar a los clientes con sus problemas. Además, puedes consultar el Tutoriales y fragmentos de código para encontrar la solución usted mismo.
Dado que Genesis ha existido durante tanto tiempo, hay una gran cantidad de desarrolladores profesionales que están familiarizados con el marco y pueden ayudarlo a resolver cualquier tipo de problema con su sitio web.
Pros y contras
Hasta ahora, hemos discutido la interfaz de usuario, las opciones de personalización, los niños, etc. para ambos elementos. Ahora es el momento de tomarse más en serio y descubrir sus pros y sus contras.
ElegantThemes
Para Agencias y Operadores
- La nueva actualización de rendimiento (agosto de 2021) ha sobrealimentado la carga de la página,
- Viene con un poderoso generador de páginas de arrastrar y soltar,
- Ofrece muchas opciones de personalización,
- Muchas opciones listas para usar para crear páginas web sin demasiados cambios,
- Los cambios de estilo se aplican automáticamente a todos los tamaños de pantalla,
- Hace que sea mucho más fácil para los principiantes crear hermosos sitios web,
- Edición de texto en línea,
- Función de creación de temas.
Desventajas
- No puede migrar a otro tema mientras mantiene intacto su diseño,
- Estás atrapado en el ecosistema Divi.
Marco de StudioPress
Para Agencias y Operadores
- Viene con un panel de opciones sencillo,
- Pone un fuerte énfasis en la seguridad y el rendimiento,
- Una gran cantidad de temas infantiles de alta calidad,
- Codificación profesional optimizada para SEO,
- Utiliza ganchos y filtros para ayudar a los desarrolladores.
Desventajas
- Hacer pequeños cambios de estilo no es fácil,
- Carece de opciones directas para cambiar estilos básicos como fuente, color, etc.
- Necesitas comprar tanto el marco como un niño.
Precios de Divi en comparación con Genesis
A continuación, en nuestro Divi vs Genesis, hablamos de precios, algo que siempre debemos tener en cuenta. Estos son los planes de precios para ambos artículos:
Precio Divi
Existen dos planes de membresía disponible para usar con ElegantThemes, actualmente tienen descuento (exclusivamente disponible a través de CollectiveRay) por ¡10% hasta abril de 2024!
Obtenga un 10% de descuento en Divi
Precios de Genesis
Hay varias opciones para comprar Génesis. En primer lugar, puede comprar el marco por $ 59.95 y obtener un hijo de desarrolladores externos.
Alternativamente, puede comprar un tema infantil oficial junto con el marco por $ 129.95.
También puede obtener la membresía Genesis Pro que incluye el marco, todos los productos secundarios oficiales existentes y los lanzamientos futuros, soporte y 1 año de alojamiento gratuito de WP Engine.
Este es un paquete que tiene más sentido para los diseñadores web y las agencias y tiene un precio muy razonable de $ 360 / año. Si solo tiene 3 clientes y está utilizando un tema de Génesis para cada uno de ellos, ¡ya es rentable!
Testimonios de usuarios
Tomemos un minuto para ver algunas reseñas reales de los usuarios.
Divi
"Si desea un creador de páginas muy fácil de usar que contenga muchos módulos realmente útiles y bien diseñados para agregar una variedad de elementos a sus páginas, que en algunos casos requerirían la compra de un complemento premium para obtener acceso, esta es una excelente elección ". - Atemas
"... un potente producto multipropósito que puede ayudarlo a crear un sitio web atractivo y de aspecto profesional sin necesidad de conocer ningún código". - Colin recién llegado
"La versión 3.0 es intuitiva y fácil de usar. Ya sea que desee crear diseños de página personalizados en el back-end o usar el generador visual, estará satisfecho con lo bien que se hace el trabajo". - Superestrellas de WP
Genesis
"Los elementos de WordPress de StudioPress son ideales para cualquiera que desee un diseño extremadamente bien construido y de gran apariencia que puedan instalar fácilmente y tener en funcionamiento en su sitio con el menor esfuerzo posible". - WP ganador
"Este es sin duda uno de los mejores temas de WordPress. Tiene un diseño fantástico, elementos secundarios increíbles, soporte premium y un precio asequible. Además, ninguna de las características anteriores requiere codificación ni nada, por lo que definitivamente está en buenas manos". - WP Kube
"El marco de StudioPress es un marco de trabajo de WP realmente profesional y de alta calidad para usar. Es muy poderoso en términos de personalización. Parece profesional y no se vuelve demasiado elegante con las imágenes.. "- 1stWebDesigner
¿Cuál debería elegir? ¿Divi o Génesis?
Y ahora, la gran pregunta: ¿cuál de estos debería elegir para su sitio web?
La respuesta solía ser bastante simple.
Génesis solía ser más rápido y tener un mejor rendimiento. Sin embargo, una nueva actualización de rendimiento de Divi ha catapultado el tema de WordPress por delante de la mayoría de la competencia.
El código detrás de Divi ahora es más ágil e inteligente que nunca, proporcionando serias mejoras de rendimiento con respecto a la versión anterior.
Tanto es así que Divi ahora puntúa 100 en Google PageSpeed Desktop y 99 en Google PageSpeed Mobile. ¡Incluso llega al 100% en GTmetrix!
Lo logra reduciendo el CSS en un 94% y utilizando CSS inteligente que solo carga lo que se requiere para la página que se está viendo. Divi también ha introducido estilos inteligentes para reducir la duplicación dentro de CSS y ha agregado hojas de estilo en línea para reducir los tiempos de carga.
Combinado con PHP dinámico, almacenamiento en caché para fuentes de Google, optimizaciones de JavaScript, aplazamiento de la hoja de estilo Gutenberg, aplazamiento de jQuery y hojas de estilo en línea, Divi es ahora muchas veces más rápido que antes.
Si desea crear un sitio web profesional con un enfoque principal en SEO y seguridad, debe elegir Genesis. También será una excelente opción para desarrolladores expertos. Es posible que las personas normales tengan que contratar a un desarrollador o comprar un complemento de terceros para la personalización.
Por otro lado, debes elegir Divi cuando quieras crear un sitio web atractivo con muchas opciones de personalización, pero sin tener que perder el tiempo con el código. Puede usar los diseños listos para usar o usar el Visual Builder incorporado para crear diseños únicos y administrar sus estilos directamente desde el tablero. Eso hace que el ElegantThemes opción una opción adecuada para principiantes o una persona normal sin ninguna experiencia en codificación.
Y con la nueva función Theme Builder, los principiantes pueden crear sitios web de aspecto profesional sin necesidad de aprender a escribir una sola línea de código.
Los usuarios y desarrolladores avanzados, por otro lado, pueden crear excelentes sitios web mucho más rápido que tener que escribir toneladas de código desde cero. Eso hace que el ElegantThemes option una opción adecuada no solo para principiantes o una persona normal sin ninguna experiencia en codificación, sino también para desarrolladores que buscan hacer el uso más productivo de su tiempo.
Visite ElegantThemes sitio web para aprender más
Haga clic aquí para visitar el sitio web de StudioPress ahora
Palabras finales
Como puede ver, elegir entre Divi vs Genesis no es una elección fácil. Ambos ofrecen una cantidad impresionante de funciones para atraer diferentes tipos de usuarios. Depende de su presupuesto, experiencia y requisitos para elegir con cuál debe ir.
Entonces, ¿cuál ha decidido usar en su próximo sitio web? Háganos saber en los comentarios a continuación. Y si desea obtener más información sobre cualquiera de estos productos, háganoslo saber también. Estaremos encantados de ayudarte.
Por favor, deja un eficiente Comente con sus pensamientos, luego comparta esto en su (s) grupo (s) de Facebook que lo encontrarán útil y cosechemos los beneficios juntos. ¡Gracias por compartir y ser amable!
Divulgación: Esta página puede contener enlaces a sitios externos para productos que amamos y recomendamos de todo corazón. Si compra productos que le sugerimos, es posible que ganemos una tarifa de referencia. Tales tarifas no influyen en nuestras recomendaciones y no aceptamos pagos por reseñas positivas.
y muchos más ...