Módulos, filas y secciones globales de Divi

¿Qué es un elemento global de la biblioteca?

Un elemento global de la biblioteca es un módulo, fila o sección que aparece exactamente igual en cualquier página donde se añada. Puede añadir un módulo global individual a múltiples páginas. Si cambia un elemento de la página, se actualiza instantáneamente en todas las demás en las cuales esté presente. Un ejemplo sencillo sería un módulo Llamado a la acción que aparece en la parte inferior de muchas o de todas las páginas de su sitio. Si un módulo individual se repite en múltiples páginas, será muy útil hacer de este un elemento global. De esta manera, no tendrá que editar cada página cuando quiera modificarlo.

Los elementos globales le dan muchas posibilidades, en especial si considera que puede sincronizar de manera selectiva los ajustes individuales para cada módulo. Por ejemplo, podría crear un módulo global Encabezado que aparezca en la parte superior de todas las páginas, y elegir sincronizar únicamente las opciones de Fondo y estilos de fuentes. Esto le permitirá aplicar estilos personalizados al total de las páginas que usen este módulo global, pero aún permitirle añadir un contenido único de texto a cada módulo, dentro de la pestaña Contenido (cuyos elementos de texto no han sido sincronizados). Si en algún momento desea ajustar la apariencia de estos módulos globales, solo tendrá que editar los elementos globales una única vez.

Secciones enteras también pueden convertirse en globales. Esta es la manera perfecta de crear un pie de página personalizado para su sitio, y que ese pie de página se repita en todas las páginas. Si en algún momento desea cambiar la sección global del pie de página, solo tendrá que editarla una vez y las modificaciones se aplicarán en todos los lugares donde haya sido usada.

Crear un nuevo elemento global de la biblioteca

Crear un elemento global de la biblioteca es sencillo. Cuando guarde el elemento en la biblioteca, seleccione la opción Guardar como global. Cualquier elemento que sea guardado con esta opción se transformará en global.

Divi - Guardar elemento global

Los elementos globales dentro del constructor de páginas se identifican fácilmente con el color verde. Si está editando un módulo, fila o sección que es verde, o si la ventana actual que ha abierto es verde, entonces sabrá que está trabajando con un elemento global. Es importante reconocer cuándo se está editando un elemento global, porque cualquier cambio que haga se verá reflejado en todas las páginas que contengan ese elemento.

Divi - Elemento global

Módulos globales y sincronización selectiva

Como ya mencionamos, es posible hacer una sincronización selectiva de cualquier ajuste de las opciones al momento de guardar un elemento global en la biblioteca. Por ejemplo, si ha creado un nuevo módulo global y eligió sincronizar únicamente la opción Color de fondo, solo ese ajuste para ese módulo se verá reflejado.

¿Qué significa esto y por qué es útil exactamente? Digamos que usted tiene un módulo Encabezado de ancho completo en la parte superior de todas las páginas. Esto es algo muy común. Cada módulo de encabezado tiene un título diferente en la pestaña Contenido, que representa la página actual. También ha usado los ajustes de la pestaña Diseño para darle al encabezado una apariencia única, ajustando el color de la fuente del título a azul, en Negrita y Mayúsculas, y con un tamaño de 40px. Quiere que todos los módulos de encabezado en cada página usen este estilo, pero necesita que cada página tenga su título respectivo. En este caso, puede crear un módulo global Encabezado de ancho completo y elegir la sincronización selectiva solo para esas opciones (Color de fuente, Estilo de fuente y Tamaño de fuente).

Divi - Ajustes globales sincronizados

Ahora, cada vez que añada este módulo global a una página nueva, esos ajustes se sincronizarán, pero los demás permanecerán únicos para el módulo actual. Si en algún momento desea cambiar el estilo de los encabezados en todas las páginas, puede modificar las opciones sincronizadas que son compartidas por estos módulos globales, y los cambios se verán reflejados en cada página donde haya usado ese módulo global. Eso es genial, porque le ahorrará un montón de tiempo.

Esta misma teoría podría aplicarse también a la pestaña Avanzado. Digamos que usted ha creado un módulo Carrusel y ha usado la pestaña CSS personalizado para aplicar una animación única al botón del carrusel. Quiere usar esta nueva animación en todos los módulos Carrusel del sitio. En este caso, puede crear un nuevo módulo global Carrusel y elegir la sincronización selectiva solo para el CSS personalizado del botón (el cual incluye su animación CSS personalizada).

Divi - Ajustes globales de carrusel

Añada este carrusel a la página y edite todas las demás opciones con total libertad, mientras mantiene el código CSS personalizado único sincronizado en toda la serie de módulos. Si en algún momento desea editar el CSS personalizado para esta serie de módulos globales, solo tiene que hacerlo una vez. Al editar los ajustes de la pestaña CSS personalizado en un módulo, se actualizan todas las implementaciones de este módulo global Carrusel.

Divi - Ajustes de elementos globales - Contenido Divi - Ajustes de elementos globales - Diseño

Cada vez que edite un módulo global, podrá identificar con el color verde cuáles son las pestañas que se están sincronizando actualmente. Las pestañas que son verdes son pestañas que actualmente están siendo sincronizadas dentro del módulo global. Los ajustes que se hagan dentro de las pestañas verdes se compartirán en todas las instancias del elemento global.

Facebook
Google+
Twitter
LinkedIn
WhatsApp
Skype
Enviar por correo
Imprimir

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *