Ejercicio para agregar contenido a patrones
Este ejercicio lo guiará a través del proceso editorial de seleccionar un Patrón de Bloques, reemplazar su contenido y asegurar que la información nueva se integre correctamente, manteniendo la consistencia visual y estructural.
Fase 1: Selección y preparación del patrón
Navegar y preparar la página
Diríjase a la página donde desea trabajar (cree una nueva o ingrese a una existente).
Análisis y selección del patrón
Antes de insertar, revise la intención del contenido que desea presentar. La elección del patrón debe coincidir con el objetivo de la información:
- Intención: ¿Busca un énfasis visual (ej. banner hero, sección destacada con fondo de color) o una presentación estructurada (ej. listado con tarjetas, tabla de datos)?
- Contexto: Revise los bloques que rodean la sección. Si ya existe un elemento destacado, evite la duplicación visual para que los elementos no compitan.
Inserción del Patrón en el Editor
Una vez seleccionado el patrón, insértelo en el Editor de Bloques en la ubicación deseada. El patrón se cargará con su estructura y contenido de ejemplo.
Fase 2: Inserción de contenido y gestión de Formato
Reemplazo de contenido bloque por bloque
Proceda a seleccionar individualmente cada bloque dentro del patrón (títulos, párrafos, descripciones). Reemplace el texto de ejemplo por su contenido final.
Protocolo de pegado sin formato
Si está copiando texto desde una fuente externa (documento de Word, tabla, correo electrónico) que pueda contener formatos ocultos (negrita, cursiva, estilos de tabla):
- Utilice
Ctrl + Mayús + V(Windows) oCmd + Shift + V(Mac) para pegar el texto. - Alternativamente, haga clic derecho y seleccione “Pegar como texto sin formato” o “Pegar como texto simple”.
Nota: Esta práctica garantiza que los estilos de su fuente no anulen los estilos predefinidos del kit de diseño del sitio.
Fase 3: Vinculación y adaptación estructural
Agregar Enlaces (Internos, Externos o Anclas)
Si el patrón incluye botones o texto que requiere ser enlazado:
- Seleccione el texto o el bloque (botón).
- En las herramientas superiores del bloque, haga clic en el icono de “Enlace” (la cadena).
- Opciones de Enlace:
- Página Interna: Busque el título de una página existente.
- URL Externa: Pegue la dirección completa (
https://...). - Ancla Html: Pegue el ID de ancla de una sección de la página actual, anteponiendo el símbolo numeral (
#) (ej.#seccion-contacto).
Modificar el patrón para adaptar el contenido
Una vez el contenido esté insertado, modifique el patrón si es necesario para adaptarlo a sus necesidades:
- Ajustar Bloques: Si su listado tiene 4 elementos pero el patrón solo tiene 3 tarjetas, duplique una tarjeta existente para crear el cuarto elemento.
- Eliminar Bloques: Si su contenido no requiere un subtítulo, seleccione el bloque de subtítulo y elimínelo del patrón.
- Verificar Layout: Asegúrese de que la estructura resultante (columnas, espaciado) siga siendo visualmente atractiva en la vista de escritorio y móvil.