Flask Academy · Lección

Extienda la plantilla base en páginas hijas

Use extends y complete los bloques de cada página.

Lección 2 de 413 pasos

Extienda la plantilla base en páginas hijas es una lección gratuita de Flask Academy en CoddyKit. Esta es la lección 2 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Flask Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Flask Academy incluye 4 lecciones en total.

Conecte una página con la base

Una página hija no repite la estructura. Declara que extiende la base y después rellena únicamente los bloques que necesita cambiar. 🔗

La etiqueta extends

La primera línea de una plantilla hija usa extends para indicar su diseño padre. Esto le dice a Jinja2 que herede la base antes de renderizar.

{% extends "base.html" %}

extends debe ir primero

La etiqueta extends debe ser lo primero del archivo hijo. Colocar marcado antes de ella rompe la herencia y provoca un error de plantilla.

Sobrescriba un bloque

Para reemplazar un espacio, vuelva a declarar el bloque con el mismo nombre en la plantilla hija. Todo lo que coloque dentro aparecerá en lugar del valor predeterminado de la base.

{% block title %}Dashboard{% endblock %}

Una página hija completa

Esta plantilla hija extiende base.html y sobrescribe dos bloques. El resto de la página procede directamente del diseño padre.

{% extends "base.html" %}
{% block title %}Home{% endblock %}
{% block content %}
  <h1>Welcome</h1>
{% endblock %}

Omita los bloques que quiera

Solo sobrescriba los bloques que quiera cambiar. Cualquier bloque que omita conserva el contenido predeterminado definido en la plantilla base.

Reutilice el contenido padre

Dentro de un bloque sobrescrito puede llamar a super() para incorporar el contenido del bloque padre y después añadir su propio contenido alrededor.

{% block content %}{{ super() }}<p>Extra</p>{% endblock %}

Renderice la hija, no la base

Su vista devuelve la ruta de la plantilla hija. Flask renderiza la hija, que hereda la base, por lo que nunca llama directamente a base.html.

return render_template("home.html")

Los nombres de los bloques deben coincidir

La sobrescritura solo funciona cuando el nombre del bloque hijo coincide exactamente con uno de la base. Un error tipográfico deja silenciosamente el valor predeterminado del padre.

Una base, muchas hijas

Decenas de páginas pueden extender el mismo base.html. Cada hija se mantiene pequeña porque solo contiene el marcado exclusivo de esa página.

La herencia le facilita el trabajo

Cambie una sola vez la cabecera de la base y todas las páginas hijas se actualizarán al instante. Esa propagación es el verdadero poder de la herencia de plantillas. 🚀

Comprobación rápida

¿Dónde debe aparecer la etiqueta extends en una plantilla hija?

Resumen: extender páginas

Las páginas hijas extienden una base, sobrescriben bloques coincidentes y pueden reutilizar el contenido padre con super(). Ahora una sola base impulsa muchas páginas. 🎯

Gratis para empezar

Aprende Python con un tutor de IA — gratis

Escribe y ejecuta código real en tu navegador, obtén ayuda instantánea de un tutor de IA disponible 24/7 y continúa donde lo dejaste en la web o en la aplicación.

Cursos
30
Lecciones
120

Preguntas frecuentes

¿La lección «Extienda la plantilla base en páginas hijas» es gratis?

Sí — el texto completo de «Extienda la plantilla base en páginas hijas» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Flask Academy, actualiza a CoddyKit PRO. El curso de Flask Academy incluye 4 lecciones en total.

¿Qué aprenderé en «Extienda la plantilla base en páginas hijas»?

Use extends y complete los bloques de cada página. Practicas Flask Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar Flask Academy?

No se requiere experiencia previa. Flask Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 4.

¿Cuánto tiempo toma la lección «Extienda la plantilla base en páginas hijas»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de Flask Academy?

Sí. Cada lección de Flask Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. Defina una plantilla base con bloques
  2. Extienda la plantilla base en páginas hijas
  3. Incluya parciales reutilizables
  4. Macros para marcado repetido
← Volver a Flask Academy