Defina una plantilla base con bloques
Cree un diseño con regiones de bloques que se puedan sobrescribir.
Defina una plantilla base con bloques es una lección gratuita de Flask Academy en CoddyKit. Esta es la lección 1 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.
Partes de esta lección aún no han sido traducidas y se muestran en inglés.
Layouts Repeat Everywhere
Every page on your site shares the same header, nav, and footer. Copying that HTML into each template is a maintenance trap. A base template fixes it. 🧩
One Skeleton, Many Pages
A base template holds the full HTML skeleton once. Child pages reuse it and only fill in the parts that differ, so shared markup lives in a single file.
Blocks Mark the Holes
Inside the base, a block marks a region that child pages can override. Everything outside a block is fixed and shared by every page.
Declare a Block
You open a region with a named block tag and close it with endblock. Anything between them is the default content for that slot.
<title>{% block title %}My Site{% endblock %}</title>A Real Base Skeleton
This base.html wraps the doctype, head, and body once. The title and content blocks are the only parts pages will customize.
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}Site{% endblock %}</title>
</head>
<body>
{% block content %}{% endblock %}
</body>
</html>Name Your Blocks Clearly
Give each block a descriptive name like content, title, or sidebar. Child pages reference blocks by that exact name when they override them.
Blocks Can Hold Defaults
Content between the block tags is a default. If a child page does not override the block, the visitor sees this fallback text instead.
{% block footer %}© CoddyKit{% endblock %}Where the Base File Lives
Keep the layout in your templates folder, usually named base.html. Child templates point back to it by this path when they extend it.
Plan Blocks Before Coding
Think about which page areas actually change: title, main body, maybe a sidebar. Each changing area becomes one block in your base layout.
Blocks Can Nest
A block may sit inside another block, like a head block holding a styles block. Nesting lets pages tweak fine details without redefining the whole region.
Less Markup to Maintain
With a base template, updating the nav once changes every page at once. That single source of truth is the whole point of a shared layout. ✨
Quick Check
What is the purpose of a block tag in a base template?
Recap: Base Templates
A base template holds shared markup once and exposes named blocks as customizable slots. Next you will extend this base from child pages. 🎯
Preguntas frecuentes
¿La lección «Defina una plantilla base con bloques» es gratis?
Sí — el texto completo de «Defina una plantilla base con bloques» 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 «Defina una plantilla base con bloques»?
Cree un diseño con regiones de bloques que se puedan sobrescribir. 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 1 de 4.
¿Cuánto tiempo toma la lección «Defina una plantilla base con bloques»?
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
- Defina una plantilla base con bloques
- Extienda la plantilla base en páginas hijas
- Incluya parciales reutilizables
- Macros para marcado repetido