Si estás creando tu página web, o la estás actualizando, quizás estás pensando que tema de WordPress elegir, en este post vas a descubrir algunas funcionalidades de Divi que le otorgan su gran potencial.
Sistema drag and drop
Divi es una plantilla y constructor web para WordPress que funciona con un sencillo sistema drag and drop. Este permite diseñar páginas web sencillas a prácticamente cualquier persona con conocimientos básicos.
De esta manera y con un clic, puedes añadir secciones y módulos arrastrandolos con el ratón y colocándolos donde quieras.
Los cambio que realizas los puedes ver tanto en el back end como en el front end.
Es decir, desde el back end o parte interna de la web, ves la estructura de la página a modo de secciones, filas y módulos, y desde el front end o parte externa de la web (donde interactúan los usuarios), ves la página real tal y como se mostrará.
Lo bueno de Divi es que los cambios se van sincronizando al mismo tiempo. Esto quiere decir que puedes estar diseñando una misma página abierta en dos pestañas (una con el constructor banck end y otra con el front end), y estar realizando cambios en ambas. Al hacer clic en guardar todas las modificaciones realizadas se actualizarán.
Layouts de Divi
Otra de las grandes diferencias de Divi con el resto de temas para WordPress es la posibilidad de crear una página web de forma muy sencilla y en muy poco tiempo.
¿Cómo?, pues gracias a su infinidad de layouts de todos los estilos, listos para añadir con un solo click.
Ya hablé en otro post sobre los diseños predefinidos de Divi, pero más adelante en una actualización, Divi añadió muchísimos más diseños y con una calidad inmejorable.
Hay layouts o diseños predefinidos de prácticamente cualquier tipo de negocio.
Los diseños siguen una línea de colores y secciones acordes al negocio al que se dirigen. Así que si tu sector está dentro de estos ejemplos de plantillas de Divi, tan solo bastará con clicar en «Cargar diseño» y seleccionar la que te interese.
Automáticamente se añadirá todo el diseño a tu página y tú tan solo tendrás que modificar los textos y las imágenes que necesites.
Igualmente podrás añadir o eliminar secciones o incluso diseñar una página mezclando secciones de varias layouts y coseguir una web más personalizada.
En definitiva, esta opción de Divi es una estupenda ayuda para aquellos que no tienen muchos conocimientos o que no disponen de tiempo para crear un diseño a medida.
Añadir efectos en Divi
El CSS ya no tiene secretos en Divi, pues la plantilla te lo da todo hecho.
En otra actualización, la plantilla ha añadido multitud de opciones para crear efectos en el diseño. Tales como sombreados o relieve en los textos, tipos de borde, sombras, animación, fondos en degradado, más personalización en los botones, filtros, efectos de animación…
Otra de las actualizaciones llamativas que Divi ha introducido es la posibilidad de añadir efectos en la división de las secciones.
Ya no tienen que estar separadas las secciones por la clásica línea recta que se muestra por defecto, ahora puedes añadir efectos redondeados, en flecha, asimétricos… Hay una amplia variedad de formas y para elegir una tan solo hace falta abrir el desplegable y seleccionarla.
Realmente es fantástico poder añadir todas estas funciones a tu web con tan solo clicar en un botón, consiguiendo resultados muy potentes, cuando con otras plantillas necesitarías muchas líneas de código.
Para implementar estas opciones avanzadas de diseño, abre el módulo que desees personalizar y ve al apartado de «Diseño».
La biblioteca de Divi
La Biblioteca de Divi es otra de sus herramientas más poderosas. Cuando usas Divi con frecuencia o en varias páginas webs, esta Biblioteca se convierte en algo muy necesario.
Gracias a ella puedes guardar o subir (en archivo .json) nuevos layouts, secciones, filas o módulos ya diseñados para replicarlos en otra parte de la página o incluso en otra web, lo que ayuda a acelerar el trabajo enormemente.
Por lo tanto, puedes importar muy fácilmente diseños creados por ti o diseños externos como los múltiples layouts comentados anteriormente.
Módulos dinámicos de Divi
Ahora puedes reubicar contenido a cualquier otro lugar del diseño.
Elementos estáticos como categorías, imágenes destacadas, páginas de autor, título de la página, link de la página, fecha, etiquetas de publicaicón, precios… o incluso campos personalizados creados por ti, se puedan cambiar de lugar y seguir actualizando automáticamente al convertirlos en dinámicos.
Esto quiere decir que podrás crear páginas de blog o fichas de producto, entre otras, totalmente personalizadas, ubicando cada elemento donde necesites y actualizándolo sin necesidad de tener que volver a usar el constructor.
Test A/B
Otra de las funciones destacables de Divi es la de poder realizar tests A/B directamente con la plantilla.
¿Y qué es un test A/B?
Consiste en crear dos versiones de una misma página para dividir la audiencia en dos y mostrar a cada parte una versión diferente.
El fin de los A/B Testing es medir los resultados de cada una de las versiones de la página para comprobar cual da mejores conversiones. Este método se suele utilizar en Marketing web para optimizar una Landing Page, por ejemplo.
Los resultados se pueden medir con las variaciones realizadas, por ejemplo, en el botón CTA, el texto, el título, las imágenes, los campos de un formulario, la estructura general de la página…
La herramienta de Divi que se encarga de esto y también de proporcionar métricas se llama Divi Leads.
Modificaciones globales
También puedes usar la plantilla Divi para realizar cambios simultáneos de forma sencilla.
Es decir, si tienes por ejemplo una sección repetida en varias páginas de una web (como puede ser un formulario opt-in) y quieres modificarlo en toda la web, basta con seleccionar esta sección como «global».
Así una vez que realices cambios desde una página o desde la Biblioteca, se realizarán los mismos cambios en todas las páginas donde se encuentre esa sección.
Cuando marcas una sección o cualquier elemento de Divi como «global» automáticamente se volverá de color verde pistacho para que puedas reconocerla rápidamente.
Actualizaciones constantes
Si algo caracteriza al equipo de Elegant Themes es el constante esfuerzo por adaptarse a todos los cambios y por mejorar continuamente.
De esta manera, el tema Divi se refresca cada poco tiempo, añadiendo nuevas y útiles funciones en cada actualización.
Se busca, entre otras cosas, optimizar la plantilla, hacer que la interfaz del constructor cada vez esté más unificada y que esta sea comprensible por prácticamente cualquier usuario.
También se añaden mejoras significativas como la posibilidad de personalizar los fondos e imágenes de las secciones, establecer el diseño de la jerarquía de títulos, añadir numerosos efectos a las imágenes, textos o botones, añadir divisores de secciones originales…
Y como no, cada semana nos presentan una nueva layout lista para usar en tu web a golpe de click.
En definitiva, el tema Divi permite que personas con pocos conocimientos de diseño web o desarrollo puedan ser capaces de crear fácilmente una página web profesional y a medida. Además de poder realizar cualquier modificación futura que necesiten.
Comunidad Divi
En esta comunidad se suman un gran número de desarrolladores de plantillas, layouts y plugins específicos para Divi que te ayudan a implementar prácticamente cualquier función extra que necesites.
Desde plugins para personalizar el formato de las entradas de un blog con Divi hasta plugins para crear mega menús desplegables.
Algunos de estos sitios son Divi Cake, Divi Soup, Divi Theme Store, Divi Extended, Divi Monk, Divi Life…o blogs como este o como el propio de Elegant Themes, donde puedes encontrar numerosos tutoriales para aprender a usar la plantilla Divi.
Conclusión
Divi permite que personas con pocos conocimientos de diseño web o desarrollo puedan ser capaces de crear fácilmente una página web profesional y a medida. Además de poder realizar cualquier modificación futura. Además la licencia de
Elegant Themes incluye no solo el uso a la plantilla Divi y Extra (las más populares) sino también a otras 85 plantillas para WordPress y a los plugins Bloom Email Opt-Ins, Monarch Social Media Sharing y Divi Builder.
Por lo que si Divi, por las razones que sean, no te convence, podrás usar el plugin Divi Builder sobre cualquier otra plantilla y así poder realizar cambios en el diseño.
Si quieres aprender a utilizar Divi te recomiendo este curso:
https://www.cursowp-online.com/curso/curso-de-divi-3-en-1/?referencia=228
