existe GenerarBloques Con la versión Pro 1.7, el plugin introduce un sistema global de estilos más potente y flexible. En comparación con la versión antigua, que solo podía asignar un único estilo a cada elemento, el nuevo sistema admite el uso de múltiples estilos superpuestos y permite una gestión más clara de componentes de dise?o como botones y contenedores.

Si ha utilizado el estilo antiguo (Legacy) en la versión 1.6 o anterior Estilos globales), este artículo le mostrará paso a paso cómo migrar estos estilos a la nueva versión de la estructura.

I. Revisión del antiguo estilo global

En el sistema antiguo, sólo podía vincularse un estilo global a cada tipo de bloque (por ejemplo, botón o contenedor). Cada estilo podía controlarse:

• Color de los botones, interiormargenbordes, esquinas, etc.
• Márgenes superior, inferior, izquierdo y derecho del contenedor
• Cambio de estilo entre el fondo y el estado hover

Estos estilos, aunque básicos, se vuelven progresivamente más difíciles de mantener a medida que se a?aden más proyectos.

En segundo lugar, actualice el complemento e introduzca la nueva versión del panel de estilo

En primer lugar, asegúrese de que GenerateBlocks Pro se ha actualizado a la versión 1.7 o posterior.

• mostrar (una entrada) WordPress Entre bastidores, vaya a GenerateBlocks → Estilos globales
• Verá una nueva entrada en la página Estilos globales heredados

• Al hacer clic, accederá a la pantalla de gestión del estilo antiguo, donde podrá seleccionar los elementos que desea migrar.

Tres, el ejemplo de migración del estilo de los botones

Paso 1: Seleccionar el estilo antiguo

Tomemos como ejemplo el estilo de botón, haga clic en uno de los elementos de la lista de estilos antiguos para entrar en la página de edición.

Paso 2: Asignar un nombre a la nueva clase de estilo

Introduzca un nombre para el nuevo estilo, se recomienda un formato uniforme con un prefijo, por ejemplo:botón abc

incluidos entre estos abc Puede codificarse por empresa, proyecto o equipo para facilitar su clasificación y consulta posterior.

Paso 3: Copiar el contenido del estilo antiguo

Al hacer clic en la opción "Copiar este estilo de bloque de región", el sistema copiará automáticamente todos los valores establecidos en el estilo original (incluidos los valoreshoverstatus) se copia en la nueva versión del sistema de estilo.

Paso 4: Comprobar la integridad del estilo

Abrir el nuevo estilo de EspaciadoyFondoyHover y otras áreas para garantizar que los colores, los márgenes interiores y los estados de interacción se han migrado correctamente.

Haga clic en "Guardar" cuando haya terminado.

IV. Migración de estilos de contenedor

El proceso de migración de los contenedores es exactamente el mismo que el de los botones:

• Seleccionar el estilo de contenedor antiguo
• que lleva el nombre de contenedor-abc

• Copie también los atributos de estilo y guarde

V. Llamar al nuevo estilo en la página

Una vez completada la migración, puede utilizar las nuevas clases de estilo en cualquier página:

• palo GenerarBloques Bloque contenedor → A?adir nombre de clase contenedor-abc
• Insertar bloque de botones → A?adir nombre de clase botón abc

Si el estilo del botón no se muestra correctamente, compruebe si se mantiene el estilo local; puede hacer clic en el icono "X" para eliminar el estilo predeterminado y asegurarse de que el nuevo estilo surta efecto.

VI. Limpieza de estilos antiguos

Cuando haya confirmado que todos los estilos se han migrado correctamente:

• Volver al panel Estilos globales heredados
• Eliminar los estilos antiguos que ya no se utilizan

• A continuación, todas las páginas utilizarán el nuevo sistema de estilo, ?la interfaz también es más refrescante!

VII. Resumen de las ventajas del nuevo sistema

El nuevo sistema de estilo ofrece un mayor grado de libertad con una estructura modular:

• Se pueden a?adir varias clases de estilo al elemento, combinables libremente
• Ajustes de estilo más claros, incluidos los pseudoestados (por ejemplo, hover).
• Modifique un lugar y aplíquelo automáticamente a todas las referencias

En comparación con la estructura antigua, el nuevo sistema es más adecuado para construir un sistema de dise?o componible y mantenible.

observaciones finales

Si todavía utiliza GenerarBloques Con el antiguo estilo de Pro, ahora es el momento de migrar. El nuevo sistema no solo es más flexible, sino que también se adapta mejor a la futura ampliación del sitio y a la colaboración en equipo.

La operación de migración no requiere una configuración compleja, basta con unos pocos clics para que su sistema de dise?o reciba una actualización completa.

Actualizaciones recientes

Contacte con nosotros
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨詢：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres