Usa clases e identificadores CSS de forma segura
Los ajustes del Builder pueden mostrar los campos Extra class name y Element ID. Úsalos solo cuando un ajuste de componente compatible o un estilo global no pueda expresar el requisito.
Extra class name
Una clase extra es reutilizable. Introduce el nombre de la clase sin el punto inicial:
service-cardEl CSS hace referencia a ella con el punto:
.service-card { ... }Elige un nombre que describa el propósito, no una apariencia temporal. service-card seguirá siendo comprensible; blue-box-left puede que no tras un rediseño.
Element ID
Un ID identifica un único elemento de la página. Introdúcelo sin la almohadilla inicial:
contact-optionsUn enlace puede apuntar a él como:
#contact-optionsLos ID manuales deben ser únicos dentro de la página. Usa letras minúsculas, números y guiones, y no reutilices un ID después de clonar un componente.
Destinos interactivos
Las pestañas, acordeones, modales, paneles fuera del lienzo y componentes similares pueden conectar un activador con un destino. Cambia los campos de destino solo cuando la documentación del componente lo requiera. Un selector copiado que todavía apunta al componente original es una causa habitual de interacciones con control cruzado.
Después de duplicar contenido
Revisa ambas copias en busca de:
- Element ID;
- enlaces ancla;
- ID o selectores de destino;
- referencias de formularios o ventanas emergentes;
- selectores de JavaScript personalizados.
La operación de clonado copia la configuración. No des por hecho que todos los identificadores suministrados manualmente se reescriban.
Verifica
Abre la página pública, inspecciona cada ancla o interacción y pruébala desde una ventana de navegación privada. Una clase puede aparecer en muchos elementos; un ID debe identificar solo uno.