+41 78 955 3005

Documentación de Divi en Español

Siga las instrucciones a continuación para instalar y configurar su nuevo tema

Secciones, Filas y Módulos Globales

¿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 pestañas de Ajustes de diseño avanzado y CSS personalizado. 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 Ajustes generales (la cual no ha sido sincronizada). Si en algún momento desea ajustar la apariencia de estos módulos globales, solo tendrá que editar los Ajustes de diseño avanzado o CSS personalizado 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.

Secciones, Filas y Módulos Globales

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.

Módulos globales y sincronización selectiva

Como ya se ha mencionado, es posible hacer una sincronización selectiva de cualquiera de las tres pestañas (Ajustes generales, Ajustes de diseño avanzado y CSS personalizado) 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 pestaña Ajustes de diseño avanzado, solo esos ajustes para ese módulo se verán reflejados.

¿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 los Ajustes generales, que representa la página actual. También ha usado los Ajustes de diseño avanzado para darle al encabezado una apariencia única, ajustando la fuente del título en Negrita y Mayúsculas, y también ha aumentado el relleno personalizado en la parte superior e inferior para que aparezca más grande. 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 la pestaña Ajustes de diseño avanzado. Ahora, cada vez que añada este módulo global a una página nueva, los Ajustes de diseño avanzado se sincronizarán, pero los Ajustes generales 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 los Ajustes de diseño avanzado sincronizados que son compartidos 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 CSS personalizado. Digamos que usted ha creado un módulo Deslizador y ha usado la pestaña CSS personalizado para aplicar una animación única al botón del Deslizador. ¿Quiere usar esta nueva animación en todos los módulos Deslizador del sitio?. En este caso, puede crear un nuevo módulo global Deslizador y elegir la sincronización selectiva solo para los ajustes del CSS personalizado (los cuales incluyen su animación CSS personalizada). Añada este deslizador a la página y edite los Ajustes generales y Ajustes de diseño avanzado 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 Deslizador.

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.

Únete a 371,133 clientes felices y obtén acceso a la colección completa de Elegant Themes de 87 bellos temas por el precio de uno

Elegant Themes ofrece una garantía de devolución de dinero de 30 días, por lo que unirse es libre de riesgo!

 

Regístrate Hoy

Pin It on Pinterest

Suscríbete a nuestra Newsletter

Para recibir Actualizaciones, Promociones y Tutoriales

Felicitaciones! Te has suscrito a nuestra Newsletter correctamente.