Nuestros 10 mejores tutoriales de Divi de 2019

Publicado: 2020-01-01

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

Nuestros 10 mejores tutoriales de Divi de 2019

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

acelerando la imagen destacada divi

De hecho, Divi tiene muchas mejoras de rendimiento que se han agregado en actualizaciones anteriores que han hecho que los sitios de 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 utilizan para WordPress también se pueden utilizar 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 hacerlo aún más rápido.

Leer esta publicación

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

cómo crear un sitio web multilingüe con divi

Crear un sitio web multilingüe con Divi y Extra es fácil. Ambos listos 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 añadido 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.

Leer esta publicación

3. 5 estilos de módulo de encabezado Divi creativos que puede lograr con la configuración incorporada

diseños creativos de encabezados divi imagen destacada

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 incorporada (sin CSS personalizado). Entonces, para aquellos de ustedes que quieran explorar algunos nuevos diseños de encabezados, les mostraré 5 estilos de módulos de encabezados Divi que pueden inspirarlos.

Leer esta publicación

4. Cambiar el número de columnas en el módulo de la galería Divi en diferentes puntos de interrupción

Cambio del número de columnas en el módulo de la galería Divi en diferentes puntos de interrupción Imagen destacada

El módulo de la galería Divi 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á el número 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 de la Galería Divi, no solo para el escritorio, sino también para tres puntos de interrupción adicionales del navegador.

Leer esta publicación

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

encabezado global

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 utilizando la opción incorporada de Divi. En este tutorial, nos centraremos en la creación de un encabezado global utilizando Theme Builder 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.

Leer esta publicación

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

Cómo crear Flip Cards con cualquier módulo en Divi sin un complemento Imagen destacada

Las Flip Cards son una forma divertida para que los usuarios interactúen con su sitio web. No solo proporciona una animación de volteo genial, sino que también le permite ofrecer información adicional en una ubicación concisa. En este tutorial, le mostraré cómo convertir los módulos Divi en tarjetas invertidas sin usar un complemento. Con este método, podrá utilizar un módulo Divi como parte frontal de una tarjeta y otro módulo Divi como parte posterior 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).

Leer esta publicación

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

Formas simples y creativas de mostrar los logotipos de la empresa en la imagen destacada de Divi

Hay muchas razones para mostrar logotipos de empresas en su sitio web. Una sección "Destacada en" de los logotipos de la empresa podría dominar a los posibles inversores o socios. O una sección "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, voy a 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!

Leer esta publicación

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

módulo testimonial divi

Lo único que los visitantes siempre buscan en un sitio web son testimonios. Representan credibilidad e influyen en el proceso de toma de decisiones que tienen los clientes potenciales o los clientes potenciales cuando visitan su sitio web. Además de asegurarse de tener testimonios sólidos para compartir, hacer que sean 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 utilizando solo las opciones integradas.

Leer esta publicación

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

Cómo personalizar su control deslizante Divi para cambiar elementos específicos con cada imagen destacada de diapositiva

Todos sabemos que los controles deslizantes son maravillosos para maximizar la 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 principal 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.

Leer esta publicación

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

galería-deslizador-destacado

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 mitad superior de la página. Algunos sitios (creo que fotógrafos) necesitan incluir 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 consiste en crear una galería de imágenes de WordPress en el área de contenido de su control deslizante. Luego, solo debe asegurarse y seleccionar la opción para usar la Galería Divi en lugar del estilo predeterminado de la Galería de WordPress. Es muy fácil y divertido de implementar.

Leer esta publicación

En conclusión

Cada año, los tipos de contenido de Divi en los que nos centramos dependen en gran medida de las nuevas funciones que se lanzan. Creemos que es mejor complementar los lanzamientos de nuevas funciones con muchos tutoriales nuevos que enseñan a la gente cómo usarlo e incluso llevar esas funciones al límite de formas 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 podamos abordar por 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