5 útiles módulos Divi Global y cómo construirlos

Bienvenidos al día 55 de nuestra Maratón Divi 100. ¡Sigue sintonizando durante 100 días seguidos los increíbles recursos de Divi mientras hacemos la cuenta regresiva para el increíble lanzamiento de Divi 3.0 en el último día de la serie!


Si está diseñando un sitio web grande, puede llevar mucho tiempo tener que agregar el mismo elemento en cada página y luego tener que editar cada uno individualmente cuando desee realizar un cambio. Para evitar esto, Divi usa ‘elementos globales’.

Cuando convierte un módulo o sección en un elemento global, se almacena como un tipo especial de elemento dentro de la Biblioteca Divi. Los elementos globales le permiten editar algo una vez y hacer que actualice todas las instancias en su sitio web a la vez. Esto no solo ahorra tiempo, sino que también garantiza la coherencia en todo su sitio web.

En la publicación de hoy, veremos cinco ejemplos de cómo puede usar elementos globales en su sitio web.

5 útiles módulos Divi Global y cómo construirlos

Suscríbete a nuestro canal de Youtube

1. Título de página de ancho completo

Para agregar un título de página a su sitio web, edite cualquier página y agregue una nueva sección de ancho completo. Luego agregue un módulo de título de página de ancho completo.

En este ejemplo, hicimos el fondo naranja, el texto del título blanco y agregamos relleno en la parte superior para agregar algo de espacio debajo de la navegación. Una vez que haya personalizado el título de su página, haga clic en Guardar y salir.

A continuación, vaya a la sección de ancho completo y haga clic en Guardar y agregar a la biblioteca. Asigne un título a la sección y marque «Hacer de esto un elemento global», luego haga clic en Guardar y agregar a la biblioteca.

Ahora puede agregar los títulos de página en cada página y si decide que desea cambiar el color de fondo, por ejemplo, puede ingresar a cualquier página, cambiar el color de fondo y se actualizará en cada página que haya agregado. sección mundial.

2. Pie de página

Aunque hay un pie de página incorporado, es posible que no lo desee en todas las páginas, por lo que al crear un elemento global puede colocarlo en páginas específicas y editarlo si es necesario.

Para hacer esto, edite cualquier página y agregue una sección estándar. Luego puede agregar los módulos que desee en su pie de página y, cuando haya terminado, haga clic en Guardar y salir.

Luego abra la configuración de la sección y haga clic en Guardar y agregar a la biblioteca. Asigne un título a la sección y marque «Hacer de esto un elemento global», luego haga clic en Guardar y agregar a la biblioteca.

Ahora puede agregar esto a cualquier página que requiera un pie de página. Si necesita editar el pie de página, o incluso agregarle un módulo adicional, puede hacerlo solo una vez y se actualizará automáticamente en todo el sitio web.

3. Anuncio

Digamos que ha comenzado a vender espacio publicitario en su sitio web, pero solo lo quiere en ciertas páginas, puede hacerlo convirtiéndolo en un elemento global. Nuevamente, edite cualquier página y agregue una sección estándar. Dentro de la sección, añade una imagen y sube tu anuncio. Una vez que esté satisfecho con él, haga clic en Guardar y salir.

Ahora vaya a la configuración de la sección y haga clic en Guardar y agregar a la biblioteca. Asigne un título a la sección y marque «Hacer de esto un elemento global», luego haga clic en Guardar y agregar a la biblioteca. Ahora puede agregar el anuncio a sus páginas elegidas y solo tiene que editarlo una vez para actualizarlo.

4. Llamada a la acción

Esto podría ser útil si tiene una oferta especial que desea anunciar en algunas páginas. Para crear la llamada a la acción, edite cualquier página y agregue una sección estándar. Puede usar el módulo de ‘llamada a la acción’ o agregar un módulo de texto y luego un módulo de botón.

Después de agregar su texto, vincular el botón y guardarlo, abra la configuración de la sección y haga clic en Guardar y agregar a la biblioteca. Asigne un título a la sección y marque «Hacer de esto un elemento global», luego haga clic en Guardar y agregar a la biblioteca.

Si luego decide modificar la oferta, solo necesita cambiarla una vez y se actualizará la oferta en todo el sitio web.

5. Testimonio

Si tiene un testimonio que desea mostrar en ciertas páginas, por ejemplo, la página de inicio y la página sobre nosotros, puede agregarlo y actualizarlo fácilmente convirtiéndolo en un elemento global.

Para hacer esto, edite cualquier página y agregue una sección estándar. En esa sección, agregue un módulo de testimonios e ingrese los detalles de la persona y lo que dijo y luego haga clic en Guardar y salir.

Luego vaya a la sección de ancho completo y haga clic en Guardar y agregar a la biblioteca. Asigne un título a la sección y marque «Hacer de esto un elemento global», luego haga clic en Guardar y agregar a la biblioteca.

Ahora puede cambiar o actualizar el testimonio y lo actualizará automáticamente en cada página en la que se encuentre en su sitio web.

Terminando

Ahí lo tiene, una forma inteligente de acelerar el proceso de diseño de un sitio web y mantenerlo consistente a medida que lo desarrolla y actualiza con el tiempo. Esto funciona en cualquier sección o módulo y todos están almacenados en la biblioteca, por lo que si necesita verlos, editarlos o eliminarlos, simplemente vaya a Divi > Biblioteca Divi y podrá ver la Biblioteca Divi»>lista completa de módulos y secciones que desea. he guardado en la biblioteca.

¡Asegúrate de suscribirte a nuestro boletín de correo electrónico y canal de YouTube para que nunca te pierdas un gran anuncio, un consejo útil o un obsequio de Divi!

Divi 100 Día 55

La cuenta atrás para Divi 3.0

Esta publicación es parte de nuestro maratón Divi 100. ¡Síguenos mientras publicamos recursos Divi gratuitos durante 100 días seguidos! Esta cuenta regresiva de 100 días terminará con el revolucionario lanzamiento de Divi 3.0, que incluye nuestro nuevo editor visual creado desde cero con React. ¡Divi 3.0 cambiará para siempre la forma en que construyes sitios web con Divi Builder !
Que empiece la cuenta atrás.

Más información sobre Divi 3.0