Un titolo per ogni pagina

Fa parte della sezione Fondamenti di Django del percorso Django di Coddy. Lezione 18 di 23.

Poiché /drinks/ estende base.html, il suo titolo è Corner Café, come nella home page. Un blocco può risolvere il problema, perché può contenere contenuto predefinito. Una pagina che riempie il blocco sostituisce il contenuto predefinito; una pagina che lo omette lo mantiene.

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

Una cornice può avere tutti i blocchi di cui ha bisogno, ciascuno con il proprio nome. Questa pagina li riempie entrambi:

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

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

Una pagina che riempie solo body mantiene l’intestazione Biblioteca cittadina.

Sfida

Facile

In base.html, rendi il testo del titolo un blocco chiamato title, con Corner Café come valore predefinito.
Assegna a /drinks/ il titolo Our Drinks | Corner Café. La home page mantiene il valore predefinito.

Premi Esegui: la barra del titolo del sito mostra Our Drinks | Corner Café su /drinks/.

Provalo tu

<!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>