Nuestros 10 mejores tutoriales Divi de 2019

Este año fue nuestro mejor año para el contenido de Divi en el blog de Elegant Themes. Publicamos cientos de publicaciones, incluidos algunos de nuestros mejores tutoriales. En esta publicación, quería aprovechar la oportunidad para resaltar el excelente trabajo de nuestro equipo editorial destacando nuestros diez tutoriales Divi más populares (más visitados durante el año). Y, por supuesto, para recordarles a todos ustedes, la comunidad, algunos de nuestros mejores recursos Divi a su disposición.

Nuestros 10 mejores tutoriales Divi de 2019

1. La guía definitiva para acelerar su sitio web Divi

De hecho, Divi tiene muchas mejoras de rendimiento que se han agregado en actualizaciones anteriores que han hecho que los sitios Divi (y Divi Builder) funcionen más rápido que nunca. Además, Divi está diseñado teniendo en cuenta la optimización de terceros. Muchos de los complementos de optimización del rendimiento que se usan para WordPress también se pueden usar para aumentar el rendimiento de la velocidad de su sitio web Divi.

En esta publicación, vamos a explorar lo que ya se ha hecho para acelerar Divi y lo que podemos hacer para que sea aún más rápido.

Lee esta publicación

2. Cómo crear un sitio web multilingüe con Divi o Extra y WPML

Crear un sitio web multilingüe con Divi y Extra es fácil. Ambos están preparados para WPML , lo que significa que puede crear un sitio web multilingüe con Divi y Extra. WPML ha realizado cambios que mejoran la compatibilidad con Divi y Extra y ha agregado funciones que facilitan aún más la traducción de su sitio web. En este artículo, veremos cómo crear un sitio web multilingüe con Divi o Extra y WPML.

Lee esta publicación

3. 5 estilos creativos del módulo de encabezado Divi que puede lograr usando la configuración integrada

Fuera de la caja, el módulo de encabezado Divi puede crear diseños de encabezado llamativos con solo unos pocos ajustes. Esto lo convierte en un módulo extremadamente popular al diseñar encabezados para su sitio web en Divi. Y con un poco de pensamiento innovador, puede crear algunos diseños realmente únicos utilizando solo la configuración integrada (sin CSS personalizado). Entonces, para aquellos de ustedes que quieran explorar algunos nuevos diseños de encabezado, les mostraré 5 estilos de módulos de encabezado Divi que pueden inspirarlos.

Lee esta publicación

4. Cambiar el número de columnas en el módulo Divi Gallery en diferentes puntos de interrupción

El módulo Divi Gallery le permite crear una hermosa galería de imágenes en un diseño de cuadrícula receptivo. La galería se considera receptiva porque escalará el tamaño de sus imágenes y ajustará la cantidad de columnas en la cuadrícula de acuerdo con los diferentes anchos del navegador.

De forma predeterminada, el módulo de la galería tiene tres puntos de interrupción (puntos donde el estilo cambia en ciertos anchos del navegador) que ajustan el número de columnas en la cuadrícula. Mostrará su galería de imágenes en cuatro columnas en el escritorio y luego se dividirá en tres columnas en la tableta, dos columnas en las tabletas pequeñas (y teléfonos grandes) y una columna en los teléfonos.

Esta configuración predeterminada generalmente funcionará en la mayoría de los casos, pero a veces es posible que necesite más control sobre la cantidad de columnas que se muestran en ciertos anchos de navegador. Es por eso que en este tutorial, le mostraremos cómo tener un control completo sobre la cantidad de columnas que se muestran en el módulo Divi Gallery, no solo para el escritorio, sino también para tres puntos de interrupción adicionales del navegador.

Lee esta publicación

5. Cómo crear un encabezado global personalizado con el generador de temas de Divi

Ahora que Theme Builder está aquí, estamos ansiosos por sumergirnos en nuevos tutoriales que lo ayudarán a configurar su sitio web de la A a la Z. Esto incluye la creación de encabezados personalizados con la opción integrada de Divi. En este tutorial, nos centraremos en crear un encabezado global utilizando el generador de temas de Divi. Un encabezado global aparecerá en todas partes de su sitio web a menos que haya asignado un encabezado diferente a esa página o publicación.

Lee esta publicación

6. Cómo crear tarjetas Flip con cualquier módulo en Divi sin un complemento

Flip Cards es una forma divertida para que los usuarios interactúen con su sitio web. No solo proporciona una animación genial, sino que también le permite ofrecer información adicional en una ubicación concisa. ¡En este tutorial, le mostraré cómo convertir módulos Divi en tarjetas invertidas sin usar un complemento! Con este método, podrá utilizar un módulo Divi como anverso de una tarjeta y otro módulo Divi como reverso de una tarjeta. Incluso puede diseñar cada módulo (anverso y reverso) como desee utilizando el constructor divi. La funcionalidad se logra a través de unos pocos fragmentos de CSS (sin jquery).

Lee esta publicación

7. Formas simples y creativas de mostrar logotipos de empresas en Divi

Hay muchas razones para mostrar logotipos de empresas en su sitio web. Una sección «Destacado en» de los logotipos de la empresa podría influir para los inversores o socios potenciales. O una sección de «Nuestros clientes incluyen» podría establecer una valiosa prueba social con los visitantes. Pero sea cual sea el motivo, es importante saber cómo agregar estos logotipos a su sitio web. En este tutorial, repasaré tres métodos diferentes para agregar logotipos de empresas a su sitio web con Divi. ¡Incluso te mostraré cómo agregar galerías de logotipos a cualquier Módulo Divi!

Lee esta publicación

8. 5 formas fantásticas de diseñar el módulo de testimonios de Divi

Lo único que los visitantes siempre buscan en un sitio web son los testimonios. Representan credibilidad e influencia en el proceso de toma de decisiones que tienen los leads o potenciales clientes al visitar tu sitio web. Además de asegurarse de tener testimonios sólidos para compartir, hacerlos visualmente atractivos también juega un papel importante. En esta publicación, le mostraremos 5 formas fantásticas en las que puede diseñar el módulo de testimonios de Divi mientras usa solo las opciones integradas.

Lee esta publicación

9. Cómo personalizar su control deslizante Divi para cambiar elementos específicos con cada diapositiva

Todos sabemos que los controles deslizantes son maravillosos para maximizar esa sección superior de su sitio web. ¡Son geniales! Los usuarios son bienvenidos con múltiples CTA y características importantes que se deslizan a la vista sin tener que desplazarse hacia abajo en la página. Pero, a veces, demasiados cambios en el diseño y el contenido de una diapositiva a otra pueden distraer o abrumar a los visitantes. Es por eso que en este tutorial, le mostraré cómo personalizar su control deslizante Divi para cambiar solo elementos específicos con cada transición de diapositiva. Esto le permite mantener el contenido central y los componentes de diseño de su control deslizante consistentes mientras cambia solo un elemento específico (como una sola palabra o botón) con cada diapositiva. Los visitantes podrán procesar fácilmente el cambio y comprender claramente su llamado a la acción.

Lee esta publicación

10. Cómo crear un control deslizante de galería de fotos personalizado en Divi

Todos sabemos que los controles deslizantes son excelentes para atraer a los usuarios con servicios, productos o páginas destacados en una ubicación conveniente en la parte superior de la página. Algunos sitios (estoy pensando en fotógrafos) necesitan presentar una o más de sus galerías de fotos en la página de inicio. Usar un control deslizante para esto puede ser una buena opción. Sin embargo, es posible que no haya considerado presentar su galería de fotos en un control deslizante como este.

En este tutorial, le mostraré una manera fácil de incrustar galerías de imágenes Divi en sus diapositivas para crear un control deslizante de galería de fotos completamente personalizado en Divi. El truco es crear una galería de imágenes de WordPress en el área de contenido de tu control deslizante. Luego, solo necesita asegurarse y seleccionar la opción para usar la Galería Divi en lugar del estilo predeterminado de la Galería de WordPress. Es súper fácil y divertido de implementar.

Lee esta publicación

En conclusión

Cada año, los tipos de contenido de Divi en los que nos enfocamos dependen en gran medida de las nuevas funciones que se publiquen. Creemos que es mejor complementar los lanzamientos de nuevas funciones con muchos tutoriales nuevos que enseñen a la gente cómo usarlo e incluso llevar esas funciones al límite de maneras interesantes. Sin embargo, este enfoque significa que saltamos mucho y es posible que hayamos dejado algunos temas sin cubrir. Entonces, si tiene una solicitud de tutorial de Divi que podemos abordar para usted en el nuevo año, compártala a continuación en la sección de comentarios y la agregaremos a la cola.

Imagen destacada a través de hobbit / shutterstock.com