¿Cómo usar el editor de código dentro de un bloque?
¿Cómo usar el editor de código dentro de un bloque?
Section titled “¿Cómo usar el editor de código dentro de un bloque?”¿Qué es?
Section titled “¿Qué es?”El editor de código permite editar directamente el HTML del bloque que estás trabajando. Podés reorganizar contenedores, agregar clases/IDs y ajustar el marcado sin tocar la estructura global del sitio.
Qué podés editar
Section titled “Qué podés editar”- Etiquetas HTML (div, p, span, img, etc.).
- Contenedores internos y jerarquía.
- Clases e identificadores.
- Scripts puntuales si el bloque lo requiere.
Qué no podés editar
Section titled “Qué no podés editar”- Encabezado, menú o pie.
- Plantillas base o contenido dinámico del catálogo.
- Otros bloques del sitio.
Cuándo conviene usarlo
Section titled “Cuándo conviene usarlo”- Necesitás separar elementos para aplicar estilos distintos.
- Requerís contenedores adicionales que el editor visual no permite.
- Querés controlar el orden exacto de los elementos.
Buenas prácticas
Section titled “Buenas prácticas”- Usa el editor visual para la estructura general y el editor de código para ajustes finos.
- Mantén un HTML limpio y semántico.
- Asigna clases descriptivas y evita repetir IDs.
- Guardá con frecuencia y probá en cada vista (desktop/mobile).
Relación con el editor de CSS
Section titled “Relación con el editor de CSS”- El editor de código define la estructura.
- El editor de CSS define la apariencia.
- Trabajan juntos: primero estructura, luego estilos.
Ejemplo básico
Section titled “Ejemplo básico”Si un bloque tiene un título, dos párrafos y un botón, podés envolver cada elemento en un contenedor propio y asignar clases específicas para estilizar sin afectar al resto.