Introducción de la gestión de atributos para Divi 5

Estamos entusiasmados de lanzar la gestión de atributos para Divi 5, que puede copiar, pegar y restablecer colectivamente los atributos de los elementos. ¡Es el sistema de atributos más completo para cualquier constructor!

Puede copiar estilos, preajustes y contenido de un elemento y pegarlos en otro. Puede copiar atributos en los niveles de campo o grupo y pegarlos a nivel de elemento.

Incluso puede administrar selectivamente los atributos a nivel de grupo a través del menú de clic derecho, lo que le permite, por ejemplo, restablecer ciertos aspectos o partes de un elemento.

Tal vez se pregunte qué significa todo eso, así que déjame mostrarte cómo funciona.

Copiar, pegar y restablecer los atributos con facilidad

En Divi 4, podría copiar, pegar y restablecer estilos. En Divi 5, estamos llevando la gestión de atributos a un nivel completamente nuevo, con la capacidad de copiar, pegar y restablecer cada tipo de atributo (incluidos estilos, preajustes y contenido) con mucha más especificidad.

Esta es una mejora significativa, especialmente teniendo en cuenta el enfoque de Divi 5 en el diseño basado en el preajuste.

Atributos de copia

Haga clic con el botón derecho en cualquier elemento y haga clic en el botón Copiar atributos para copiar todos sus atributos a su portapapeles, incluidos presets, contenido y estilos modificados. Puede copiar atributos de un módulo, grupo de opciones, pestaña o campo.

Una vez que se ha guardado una colección de atributos en su portapapeles, puede pegarlos de forma selectiva o colectiva de varias maneras.

Atributos de pegado

Haga clic con el botón derecho en cualquier elemento y pasee el menú Pegar Atributes para acceder a las nuevas opciones de pegado de Divi. Dependiendo de qué tipos de atributos hay en su portapapeles, puede pegar diferentes categorías de atributos. Los atributos relevantes se asignarán al elemento objetivo, mientras que los atributos no respaldados serán ignorados.

• Pegue todos los atributos : pegue todos los atributos, incluidos el contenido, los preajustes y los estilos modificados que copió del elemento de origen.
• Atributos de diseño de pegar : pegue todos los atributos relacionados con el diseño, incluidos los presets y los estilos modificados, que copió del elemento de origen.
• Pegar atributos de estilo : pega solo los estilos modificados que copió del elemento de origen.
• Peque los atributos de contenido : pega solo los atributos de contenido que copió del elemento de origen.
• Peque Presets : pegue solo los preajustes que copió del elemento de origen.

Por ejemplo, en el video a continuación, el contenido de la propaganda, los estilos y los preajustes se traen a cabo cuando copio los atributos de un módulo de propaganda y uso la opción Pegar todos los atributos en un módulo de propaganda diferente.

Como copié todo y pegé todo, esencialmente creé un módulo duplicado, ¡pero es ilustrativo de cómo funciona el sistema de gestión de atributos!

Por otro lado, si elijo la opción Pegar todos los atributos de diseño , solo se pegarán los presets y los estilos, dejando intactos los atributos de contenido originales del módulo. Volviendo a visitar nuestro ejemplo anterior, puede ver que los atributos de diseño de pegado trae sobre los estilos del módulo original sin anular su contenido en el video a continuación.

Pegar atributos de grupo selectivo

La granularidad del pegado de atributos va mucho más lejos, con la capacidad de pegar selectivamente cualquier tipo de atributo a grupos de opciones específicos a través del menú de alto nivel de nivel derecho.

Por ejemplo, en el siguiente video, tengo un botón preset en un módulo de llamada a acción que me gustaría usar en un nuevo módulo de contacto.

En lugar de abrir la configuración del módulo, navegar al grupo de opciones de botón y seleccionar mi preajuste deseado, puedo copiar atributos desde el primer módulo y luego pegar selectivamente el botón Preset usando el menú de preajuste selectivo de Paste .

Restablecimiento de atributos

El mismo nivel de control está disponible al restablecer los atributos, lo que le permite restablecer tipos específicos de atributos rápidamente.

• Restablezca todos los atributos : restablezca todos los atributos, incluidos el contenido, los preajustes y los estilos modificados.
• Restablecer Atributos de diseño : restablezca todos los atributos relacionados con el diseño, incluidos los presets y los estilos modificados.
• Atributos de estilo de reinicio : restablezca solo los estilos modificados.
• Restablecer los atributos de contenido : restablezca solo los atributos de contenido.
• Restablecer presets : restablecer solo los preajustes.

Por ejemplo, en el video a continuación, puede ver que restablecer todos los preajustes eliminará todos los presets del módulo, mientras deja su contenido y estilos modificados intactos.

Además, puedo restablecer selectivamente diferentes tipos de atributos para grupos de opciones específicos. Refiriéndome a mi ejemplo anterior, donde copié un botón preestablecido de un módulo a otro, restablecer ese preajuste específico es igual de fácil.

Puedo restablecer selectivamente solo el grupo preestablecido del grupo de opciones de botón a través del menú de clic derecho.

Atributos de grupo, pestaña y campo

El mismo nivel de control se ha extendido al menú de clic derecho para grupos de opciones, lo que le permite pegar y restablecer categorías específicas de atributos selectivamente.

Nuevos atajos de teclado

Para colmo, agregamos atajos de teclado para todas estas acciones y accesos directos en el menú de clic derecho para facilitar su uso.

Prueba Divi 5 hoy

La gestión de atributos para Divi 5 está disponible hoy, y es una de las muchas características que llegan a Divi este año.

Puede seguirlo a medida que avanzamos a través del lanzamiento final de Divi 5 y más allá, con actualizaciones cada dos semanas. Dependiendo de sus prioridades, puede usar Divi 5 ahora para crear nuevos sitios web o esperar hasta que agregemos más funciones, lo que sea que funcione mejor para usted.

Como se describe en el cronograma original de lanzamiento de múltiples fases de Divi 5, el Alfa Public Public Divi 5 es como "Divi 5 Lite". Falta algunas características y puede no ser adecuada para los sitios web existentes, pero está listo para usarse en nuevos sitios web si prefiere la experiencia a Divi 4.

Queremos que lo pruebes, y si te encanta, úsalo; Cuando a todos les encanta, lo haremos oficial.

Piseo de adelanto: colores relativos con HSL

Estamos construyendo características rápidamente . Cada vez que terminamos una nueva característica, comenzamos una nueva. Cada vez que comenzamos una nueva característica, te doy un vistazo.

En caso de que se lo haya perdido, consulte el Sneak Peak de la semana pasada, donde mostré colores relativos con HSL.

Estamos revisando el campo de color de Divi y presentamos el soporte de HSL con un enfoque refinado en las variables de color. Usando nuevos controles de tono, saturación y ligereza, puede crear fácilmente colores relativos basados ​​en la paleta de colores global de su sitio web para diseñar sistemas de color matemáticamente hermosos.

Mira este video para ver todos los detalles.

Más actualizaciones de Divi 5 están en camino

2025 es el año de Divi 5 . El tedioso trabajo está detrás de nosotros. Construimos la base súper rápida, y ahora es el momento de que Divi regrese.

Si estás aquí para el regreso de Divi, háganoslo saber que me gusta este video.

En mi último anuncio de funciones, le pedí que nos ayudara a vencer nuestro récord de 580 me gusta de todos los tiempos, ¡y lo hicimos con 680 me gusta! ¿Crees que podemos vencerlo de nuevo? ¿Podemos descifrar 700 me gusta en dos semanas?

Pruébanos una mano y me gusta este video; Es una excelente manera de ayudar a correr la voz sobre las nuevas características de Divi 5 y mantener el impulso.

No olvide seguirnos en YouTube y suscribirse al boletín de Divi para que nunca se pierda una actualización. Te veré pronto para otro anuncio de la función Divi 5, que prometo estará a la vuelta de la esquina.