Tu objetivo en esta lección
Distinguir trabajo editorial, API y presentación, y registrar qué práctica requiere un frontend conectado.
Antes de empezar: Para la teoría basta el laboratorio; la prueba real requiere un frontend conectado que prepare el equipo.
Dos partes que trabajan juntas
En un Drupal convencional, el sistema puede administrar contenido y dibujar sus páginas con un tema. En Drupal headless, Drupal conserva el contenido y otra aplicación prepara la web que ve el visitante. Esa aplicación suele llamarse frontend.
Una API es una forma acordada de intercambiar datos. El módulo JSON:API de Drupal permite a una aplicación consultar entidades y campos respetando el acceso configurado. No hace falta aprender a programar una API para editar una lección.
Piensa en una ficha de taller
En el CMS guardas título, descripción y lugar. El frontend recibe esos datos y decide su diseño. Si añades un campo nuevo en Drupal, la web separada no tiene por qué mostrarlo hasta que su implementación lo contemple.
Practica un cambio editorial pequeño
- Pide al equipo una publicación de prueba y su URL en la web separada.
- Cambia una frase del cuerpo en Drupal y guarda con el estado editorial acordado.
- Confirma que la versión pública del contenido incluye el cambio.
- Abre la URL del frontend después del plazo de actualización indicado por el equipo.
- Si no coincide, registra la hora y las dos direcciones para que revisen publicación, conexión y cachés.
Resultado esperado: el mismo texto aparece en la presentación pública que consume ese campo. No tienes que modificar el tema Drupal para cambiar cómo se ve esa aplicación.
En los cursos de Tuimagen.Net
La integración documentada relaciona cada lección con un curso y usa su número para ordenarla. Una lección sin el curso correcto no aparecerá en el temario esperado. Los contenidos deben estar publicados y el frontend debe tener activado el modo CMS. La disponibilidad pública depende también del despliegue y la caché.
Comprueba lo aprendido: ¿crear un menú en Drupal actualiza siempre el menú del frontend? No. Solo ocurre si esa aplicación está preparada para consumirlo.
Sigue el recorrido de una lección
Imagina tres estaciones: una persona guarda el contenido en Drupal; una API lo entrega como datos; el frontend los presenta como una página legible. El visitante no necesita ver la respuesta técnica de la API para estudiar la lección.
| Cambio solicitado | Dónde empezar |
|---|---|
| Corregir una explicación | Contenido en Drupal. |
| Cambiar el orden de una lección | Campo de posición utilizado por la integración. |
| Rediseñar el menú público | Frontend, salvo que consuma menús del CMS. |
| Mostrar un campo nuevo | Modelo en Drupal y soporte de presentación en el frontend. |
Un ejemplo sin programación
La ficha administrativa de “Qué es Drupal” tiene un título y un cuerpo. Si corriges el cuerpo y publicas, la aplicación puede mostrar el texto actualizado después de refrescar su caché. Si creas además el campo “Dificultad”, ese dato no aparecerá por magia en una tarjeta: alguien debe definir cómo consumirlo y presentarlo.
Por eso un CMS headless sigue siendo útil para personas no técnicas, pero no convierte cada ajuste visual en una tarea editorial. La frontera depende de la integración que haya construido el equipo.
Compara las dos vistas de tu prueba
Para el ejercicio guiado necesitas que el equipo ya haya conectado un frontend de prueba. Si solo tienes Drupal convencional, realiza la tabla como ejercicio conceptual y marca esta práctica como pendiente; el curso no proporciona una aplicación headless para instalar.
Cuando exista esa conexión, registra el texto original, cambia una sola frase y anota el resultado en Drupal y en la web separada. No edites ambos lados manualmente para hacerlos coincidir: eso ocultaría si la integración funciona.
Reto y respuesta
La portada sigue mostrando una lección retirada. ¿Crearías otra con el mismo título? No. Revisa publicación, relación y caché con el equipo. Avanza cuando puedas explicar qué cambias como editora y qué requiere soporte de implementación.
Consulta la documentación oficial
Volver al temario de Drupal desde cero · Continuar: Proyecto final: una web Drupal fácil de encontrar