jueves, marzo 28, 2024
No menu items!
InicioBlogsRevisión del tema Divi: ¿Es el mejor tema multipropósito de WordPress?

Revisión del tema Divi: ¿Es el mejor tema multipropósito de WordPress?

Revisión del tema Divi: ¿Es el mejor tema multipropósito de WordPress?

Imagen oculta de Pinterest

Teniendo en cuenta el uso el tema divi para su sitio de WordPress?

En nuestra revisión práctica del tema Divi, lo ayudaré a decidir si este popular tema multipropósito de WordPress es el más adecuado para sus necesidades.

Comenzaré explicando cómo Divi te ayuda a crear un sitio de WordPress personalizado y en qué se diferencia de los temas de WordPress más tradicionales a los que estás acostumbrado.

Luego, te daré una mirada práctica al tema Divi, incluyendo algunas ideas sobre su rendimiento y cómo encaja en el espacio de diseño visual de WordPress.

Al final, deberías saber si Divi es adecuado para tu sitio o si estarías mejor con un creador de WordPress diferente.

Profundicemos más…

¿Cómo funciona el tema Divi?

Mientras divid es un tema de WordPress, no es un tema de WordPress al que quizás estés acostumbrado. En lugar de ofrecer una única “apariencia” o una pequeña selección de sitios de demostración importables, Divi es más bien una “plataforma de diseño” que puede utilizar para crear su propio sitio único.

Para brindarle la posibilidad de diseñar su propio sitio personalizado, el tema Divi viene con su propio constructor visual de arrastrar y soltar, llamado Divi Builder. Se ve así, aunque lo veremos más en profundidad más adelante en nuestra revisión del tema Divi:

Introducción al generador divi

Nota al margen: también puede descargar una versión de complemento independiente de Divi Builder, que le permite usarlo con cualquier tema de WordPress..

Dependiendo de cuánta flexibilidad desees, puedes usar Divi Builder para construir Todo O Alguno de su sitio.

La forma más sencilla de utilizar el tema Divi es utilizar la configuración del tema para controlar el encabezado, los diseños de las publicaciones del blog, etc. Luego, puede utilizar Divi Builder para diseñar páginas clave, como su página de inicio, su página Acerca de, su página Contacto, etc.

Sin embargo, si te sientes limitado por las opciones del tema Divi, Divi también lo admite. Construcción temática completa comenzando con Divi 4.0.

Con la creación de temas, puede utilizar Divi Builder visual de arrastrar y soltar para diseñar el 100% de su sitio y plantillas de temas. Si lo deseas, puedes crear plantillas personalizadas para tu sitio…

  • Título
  • Pie de página
  • Plantilla de publicación de blog
  • Plantilla de lista de blogs

Básicamente, esto significa que puedes usar la interfaz de diseño visual de Divi para diseñar el 100% de tu sitio sin tener que mirar una sola línea de código. Básicamente, puedes crear tu propio tema desde cero usando Divi Builder.

Y nuevamente, lo único de Divi es que te brinda dos Caminos para construir su sitio:

  1. Puedes usar Divi como un tema tradicional donde usas la configuración del tema para controlar tus conceptos básicos y luego usas Divi Builder para diseñar publicaciones y páginas clave.
  2. Puede utilizar Divi más como un complemento de creación de temas en el que diseña todo el sitio desde cero.

¿Qué tipo de sitios puedes crear con Divi?

Otra razón por la que Divi es tan popular es que puedes usarlo para crear literalmente cualquier tipo de sitio web.

Ya sea que esté creando un blog, un sitio de cartera, un sitio para pequeñas empresas, una tienda de comercio electrónico o cualquier otra cosa, Divi puede hacer el trabajo.

Interfaz Divi Builder: así es como se diseña el contenido

Identificaré algunas características específicas del tema Divi en la siguiente sección, pero creo que debemos comenzar con una mirada general a la interfaz Divi Builder.

En primer lugar, si desea probar usted mismo la interfaz Divi Builder, simplemente haga clic en este enlace. Temas elegantes (El desarrollador) mantiene una demostración pública que puedes probar directamente en tu navegador. No es necesario registrarse para nada ni instalar nada. Simplemente haga clic en el enlace y podrá probar Divi Builder de inmediato.

🔥 Leer:  Cómo agregar el localizador de tiendas de Google Maps en WordPress

Iniciando Divi Builder

Puede iniciar Divi Builder desde el editor normal de WordPress simplemente haciendo clic en un botón:

constructor divi 1

Una vez iniciado, verá tres opciones para iniciar su proyecto:

constructor divi 2

Construiré algo desde cero para este ejemplo, pero volveré a las plantillas más adelante.

Usando Divi Builder

Para crear tus proyectos utilizarás tres elementos básicos:

  • Líneas – estos son los elementos de nivel más bajo. Le permiten dividir su proyecto en varias secciones horizontales.
  • columnas – estos van dentro de las filas. Le permiten dividir una fila en múltiples secciones verticales, también conocidas como columnas. Podría tener una columna para crear una fila de ancho completo o podría dividir una fila en varias columnas.
  • Formularios – estos le permiten agregar contenido nuevo a las columnas. Recibirás módulos para texto, encabezados, imágenes, botones, formularios y mucho más.

Inicialmente, la interfaz Divi oculta todo y sólo te ofrece una vista previa en pantalla completa de tu proyecto. Para agregar nuevas filas, columnas o módulos, puede pasar el cursor sobre su diseño para revelar botones:

constructor divi 3

Creo que amarás u odiarás este enfoque. Personalmente, prefiero la interfaz de barra lateral fija de Elementor porque me resulta difícil ver los botones aparecer regularmente cuando muevo el mouse sobre el diseño. Sin embargo, sé que muchas personas prefieren el enfoque de Divi porque obtienen una vista previa completa de su proyecto.

Realmente todo se reduce a preferencias personales. El hecho de que personalmente no me guste la interfaz de Divi no significa que sea mala; simplemente significa que mi preferencia personal es tener una interfaz de barra lateral fija.

Para editar el texto de su proyecto, simplemente haga clic en el texto y escriba como si estuviera trabajando en un documento de Word.

Para todo lo demás, deberá abrir la ventana emergente de configuración. La ventana emergente de configuración es completamente redimensionable y puedes arrastrarla a cualquier lugar de la página. O también puedes fijarlo al costado de la página para convertirlo en una barra lateral:

constructor divi 4

Estos son los conceptos básicos para configurar un proyecto en Divi:

  1. Agregará contenido y controlará su ubicación mediante filas, columnas y módulos.
  2. Diseñará su diseño utilizando la ventana emergente de configuración para filas, columnas y formularios.

Funciones útiles que le ayudarán a trabajar de forma más eficaz

Ahora que conoce los conceptos básicos de Divi Builder, echemos un vistazo a algunas funciones útiles de la interfaz que ofrece Divi para ayudarlo a diseñar de manera más efectiva.

Primero, Divi ofrece modos de edición de proyectos responsivos que le permiten obtener una vista previa de sus proyectos en diferentes dispositivos y realizar cambios de estilo específicos del dispositivo:

constructor divi 5

Todos sus proyectos responden de forma predeterminada, pero es bueno tener control adicional cuando sea necesario.

Otra opción realmente útil es la compatibilidad total con el botón derecho. Si hace clic derecho en cualquier cosa, abrirá un panel de acciones completo, incluida la capacidad de copiar y pegar elementos completos o simplemente configuraciones de estilo:

constructor divi 6

También obtienes un Capas herramienta que le brinda una vista de alto nivel de su página, incluida la capacidad de cambiar el nombre de los elementos para realizar un seguimiento de su diseño:

constructor divi 7

Para una vista aún más abstracta, también hay un modo de estructura alámbrica completa.

Finalmente, también obtendrá funciones útiles como deshacer/rehacer y un historial de edición completo:

constructor divi 8

En general, Divi Builder es definitivamente uno de los creadores visuales más poderosos para WordPress, lo que explica en gran medida la popularidad de Divi.

Explorando las características principales del tema Divi

Si bien Divi Builder constituye el corazón de la experiencia temática Divi, existen algunas otras áreas clave que vale la pena explorar.

Edificio temático completo

En Divi 4.0, los usuarios de Divi obtuvieron acceso a una nueva y poderosa característica: Soporte completo para la creación de temas..

Con el Divi Builder normal, puedes crear diseños personalizados para publicaciones y páginas, pero no puedes tocar las áreas de plantilla del tema. Divi Theme Builder cambia esto, permitiéndole usar la misma interfaz de Divi Builder para diseñar sus plantillas de temas:

generador de temas divi 1

Para que quede más claro, aquí está la diferencia entre el Divi Builder normal y la creación de temas:

  • Constructor Divi normal – crear el diseño para una sola publicación de blog.
  • Construcción temática – crea la plantilla que todas las publicaciones de tu blog utilizan de forma predeterminada.
🔥 Leer:  Cómo eliminar de forma masiva todos los comentarios de WordPress

Para diseñar sus plantillas de temas, utilizará exactamente el mismo generador visual. La diferencia clave es que podrá extraer información dinámica de su sitio de WordPress.

Por ejemplo, en lugar de agregar texto estático para el título de una publicación, simplemente puede agregar el módulo Título de la publicación y Divi insertará automáticamente el título de cada publicación del blog:

generador de temas divi 2

Hay algunas otras cosas útiles aquí:

  1. También puede insertar contenido dinámico desde campos personalizados que haya agregado con complementos como Campos personalizados avanzados (ACF), Conjunto de herramientas o Pods.
  2. Puede utilizar las condiciones de visualización para controlar cuándo utilizar determinadas plantillas. Por ejemplo, puede crear una plantilla para publicaciones de blog en una categoría y una plantilla diferente para publicaciones de blog en otra categoría.

Por ejemplo, aquí están todas las reglas condicionales que puede aplicar para controlar dónde usar ciertas plantillas:

generador de temas divi 3

Biblioteca de plantillas Divi: miles de diseños prediseñados

Aunque Divi te brinda la posibilidad de crear proyectos completamente personalizados desde cero, existe un problema potencial con esto:

Si no eres diseñador, puede resultar difícil crear diseños atractivos a partir de un lienzo en blanco.

Para resolver este problema, Divi viene con una biblioteca de plantillas absolutamente enorme que contiene Más de 1.714 diseños importables diferentes.

Estos más de 1714 diseños están agrupados en más de 233 “paquetes de diseño”. Un paquete de diseño es un grupo de plantillas, todas ellas temáticas en torno a un sitio específico. Por ejemplo, el paquete de diseño “Restaurante” incluye plantillas para la página de inicio, el menú, la página de contacto, etc.

biblioteca de plantillas divi

Todo lo que tienes que hacer es importar la plantilla, editar su contenido para que se ajuste a tu sitio y obtener un diseño de aspecto profesional. Básicamente, en lugar de hacer un dibujo en un lienzo en blanco, puedes simplemente colorear las líneas como lo hacías cuando eras niño.

Además de las plantillas incluidas, también puedes guardar tus diseños como plantillas para poder reutilizarlos rápidamente más adelante.

Tema Divi y opciones de personalización

Con muchas características de Divi, es fácil olvidar que Divi es un tema y no un conectar. Hasta ahora, todas las funciones que le he mostrado son el tipo de funciones que obtiene de complementos como Elementor Pro y Beaver Builder.

Sin embargo, Divi Y un tema y, como tal, viene con su propia área de opciones de tema junto con configuraciones en el personalizador de temas nativo de WordPress.

Si utiliza la creación de temas, es posible que no necesite usarlos ya que diseñará plantillas de temas desde cero. Pero si tu no soy Al utilizar la creación de temas, confiará en ellos para configurar los elementos de diseño principales de su sitio:

opciones de tema divi

Revisión del rendimiento del tema Divi: mucho mejor que antes

Siempre que utilice un complemento o tema de creación visual de WordPress, siempre sacrificará algo de rendimiento web en comparación con el uso del editor nativo de WordPress. Sin embargo, algunos fabricantes son mejores o peores que otros en términos de rendimiento.

Durante mucho tiempo, Divi tuvo mala reputación en lo que respecta al rendimiento (y con razón, para ser honesto).

Sin embargo, la buena noticia es que Divi sabe eso y hay mucha atención en la optimización del rendimiento en 2021, con múltiples lanzamientos centrados principalmente en el rendimiento.

Divi 4.8 (lanzado en enero de 2021) incluido algunas mejoras enormes en el rendimiento del backend esto supuso una mejora notable en la experiencia de edición. El equipo de Divi afirmó haber acelerado muchas acciones del editor entre un 100 y un 700 % y definitivamente pude notar que la interfaz era más rápida después de esta actualización.

Entonces, Divi 4.10 (lanzado en agosto de 2021) Se abordó la optimización del rendimiento del frontend.. Esta actualización redujo significativamente el volumen asociado con los sitios web Divi al eliminar CSS y JavaScript no utilizados y cargar solo exactamente lo que se necesita para cada página (entre otros cambios).

Al probar el rendimiento de algunos diseños de Divi, definitivamente noté grandes mejoras. Por ejemplo, creé un diseño simple con Divi Builder y el tema Divi y solo tenía 13 solicitudes HTTP y un tamaño de archivo de 200 KB, que es mucho, mucho más pequeño de lo que hubiera sido en el pasado.

🔥 Leer:  Cómo personalizar la esfera del reloj en Apple Watch: una guía detallada

Así que mientras Divi sin lugar a dudas solía ser Inflado en comparación con otros creadores de páginas, gracias a estos cambios recientes se compara favorablemente con otras herramientas en este espacio.

Dicho esto, si eres un fanático absoluto del rendimiento web, es posible que aún estés más contento con un creador como Oxígeno (aunque Oxygen no es tan amigable para principiantes como Divi).

Precios del tema Divi

Solo puede acceder al tema Divi como parte de su suscripción a Elegant Themes, que le brinda acceso a todos los productos de Elegant Themes por un precio.

Divi es el producto de Temas Elegantes de mayor valor por un amplio margen, por lo que no lo obtendrás mucho valor extra más allá de Divi.

Sin embargo, obtienes acceso a la versión del complemento de Divi Builder, así como a otros dos complementos: Bloom para la suscripción por correo electrónico y Monarch para los botones de compartir/seguir en las redes sociales. Ninguno de los complementos se encuentra en la parte superior de sus respectivos espacios, pero ambos son complementos capaces de eliminar la necesidad de comprar complementos de terceros.

Hay dos opciones de precios para convertirse en miembro de Elegant Themes. Ambas opciones permiten su uso en sitios ilimitados:

  • Acceso anual – $89 por año. Después del primer año, deberás renovar para seguir recibiendo soporte y actualizaciones. El tema y los complementos de Divi seguirán funcionando, pero no recibirás ninguna actualización nueva.
  • Acceso de por vida – $249 Una vez. Obtenga acceso ilimitado a productos, actualizaciones y soporte sin tener que pagar nuevamente.
Precios del tema Divi

El punto de equilibrio entre los planes es de aproximadamente dos años y nueve meses. Si cree que utilizará Divi por más tiempo, debería obtener acceso ilimitado.

Si no estás seguro, siempre puedes empezar con el acceso anual. Elegant Themes te permite actualizar a acceso ilimitado y pagar solo la diferencia.

Soporte para temas Divi

Mientras sea miembro activo de Elegant Themes, recibirá soporte dedicado para ayudarlo con Divi y todos los demás productos de Elegant Themes.

En términos de soporte oficial, obtienes soporte por chat en vivo las 24 horas, los 7 días de la semana. Para un tema de WordPress, diría que Elegant Themes ofrece un buen soporte. Sin embargo, debe tener expectativas honestas sobre el nivel de soporte que puede esperar de un producto que cuesta $89 por año.

Sin embargo, también es fácil obtener apoyo no oficial de la comunidad porque Divi es muy popular. Por ejemplo, el grupo oficial de Facebook de usuarios de Divi Theme tiene más de 69.000 miembros y está lleno de personas dispuestas a ayudarte a resolver problemas o utilizar Divi de forma más eficaz.

Reflexiones finales sobre el tema Divi

Como dije al principio, no creo que tenga sentido pensar en Divi simplemente como un “tema de WordPress”. En su lugar, considérelo como una “plataforma de diseño de WordPress todo en uno”.

Con Divi, puedes usar un editor visual de arrastrar y soltar para diseñar algunos o todo de su sitio de WordPress: no se requiere código ni conocimientos técnicos.

En 2021, el equipo de Divi se ha esforzado mucho en mejorar el rendimiento de Divi, lo que ha dado lugar a mejoras notables tanto en el rendimiento del backend como del frontend. Esto aborda una de las mayores críticas que yo y muchos otros hemos tenido sobre Divi, por lo que es un cambio muy bienvenido.

En general, Divi es una gran herramienta para el diseño visual de WordPress.

Es la mejor”? Bueno, creo que realmente todo se reduce a una opinión personal. Ciertamente está en la pelea por ese título. Sin embargo, si bien muchas personas confían en Divi, también hay muchas personas que aman Elementor Pro (nuestra revisión), Beaver Builder, Brizy Pro, Oxígenoy otras herramientas similares.

Sin embargo, ahora que Divi ha solucionado sus problemas de rendimiento, no hay nada que me impida recomendarlo. Entonces, si te gusta la interfaz Divi, creo que definitivamente deberías considerar el tema Divi (o tal vez incluso el complemento Divi Builder independiente). Nuevamente, puedes probar una demostración en vivo aquí.

Sin embargo, si usted No Si te gusta la interfaz, entonces tal vez deberías probar con alguna de las otras herramientas que mencioné anteriormente, ya que todas ellas también son excelentes opciones.

Recomendamos

Populares