¿Cómo usar clases, IDs y atributos en los bloques de Waclis?
¿Cómo usar clases, IDs y atributos en los bloques de Waclis?
Section titled “¿Cómo usar clases, IDs y atributos en los bloques de Waclis?”Resumen
Section titled “Resumen”El editor de bloques ofrece dos niveles de edición: el panel visual (para cambiar atributos rápidamente) y el editor de código (para reorganizar la estructura HTML). Elegir la herramienta adecuada evita que un cambio afecte a todo el bloque.
¿Dónde editar clases e IDs?
Section titled “¿Dónde editar clases e IDs?”1. Panel visual (recomendado)
Section titled “1. Panel visual (recomendado)”- Selecciona cualquier elemento (contenedor, texto, imagen, botón) y usa el panel lateral para modificar
class,id,altu otros atributos básicos. - Ideal para ajustes rápidos sin tocar el HTML.
2. Editor de código
Section titled “2. Editor de código”- Úsalo cuando necesites dividir contenedores, reordenar la jerarquía o agregar atributos personalizados.
- Requiere conocimientos básicos de HTML.
Buenas prácticas
Section titled “Buenas prácticas”- Clases (
class): reutilizalas cuando varios elementos compartan estilo. - IDs (
id): reserva uno por elemento y solo cuando necesites un comportamiento único. - Atributo
alt: edítalo desde el panel visual para mejorar accesibilidad y SEO. - Si al editar un elemento se modifican otros, probablemente estén compartiendo la misma clase → asigna clases únicas o reorganiza el HTML.
Relación con el editor de CSS
Section titled “Relación con el editor de CSS”- Estructura el bloque (visual o código).
- Asigna clases/IDs coherentes.
- Aplica estilos globales desde el editor de CSS para evitar duplicar reglas.
Limitaciones
Section titled “Limitaciones”- El editor de bloques no modifica contenido dinámico (fichas de producto, listados, carruseles). Para esos casos solo se pueden aplicar estilos desde CSS.