Menu
CoddyTech

Un título para cada página

Parte de la sección Conceptos básicos de Django del Journey de Django de Coddy. Lección 18 de 23.

Como /drinks/ extiende base.html, su título dice Café de la Esquina, como la página de inicio. Un bloque puede solucionarlo, porque puede contener contenido predeterminado. Una página que rellena el bloque reemplaza el contenido predeterminado; una página que lo omite lo conserva.

<h1>{% block heading %}City Library{% endblock %}</h1>
<article>{% block body %}{% endblock %}</article>

Un marco puede tener tantos bloques como necesite, cada uno con su propio nombre. Esta página rellena ambos:

{% extends "library/base.html" %}

{% block heading %}Opening Times{% endblock %}
{% block body %}<p>Until 20:00.</p>{% endblock %}

Una página que solo rellena body conserva el encabezado City Library.

challenge icon

Desafío

Fácil
  • En base.html, convierte el texto del título en un bloque llamado title, con Corner Café como valor predeterminado.
  • Asigna a /drinks/ el título Our Drinks | Corner Café. La página de inicio conserva el valor predeterminado.

Pulsa Ejecutar: la barra de título del sitio muestra Our Drinks | Corner Café en /drinks/.

Pruébalo tú mismo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Corner Café</title>
</head>
<body>
    <nav>
        <a href="{% url 'menu:home' %}">Home</a>
        <a href="{% url 'menu:drinks' %}">Drinks</a>
        <a href="{% url 'menu:about' %}">About</a>
    </nav>
    <main>
        {% block content %}{% endblock %}
    </main>
</body>
</html>
quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Conceptos básicos de Django

Practica por tu cuenta: Playground de Django