Menu
CoddyTech

Un titre pour chaque page

Fait partie de la section Les bases de Django du Journey Django de Coddy. Leçon 18 sur 23.

Comme /drinks/ étend base.html, son titre affiche Corner Café, comme la page d’accueil. Un bloc peut résoudre ce problème, car il peut contenir du contenu par défaut. Une page qui remplit le bloc remplace le contenu par défaut ; une page qui l’ignore le conserve.

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

Un cadre peut comporter autant de blocs que nécessaire, chacun avec son propre nom. Cette page remplit les deux :

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

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

Une page qui ne remplit que body conserve le titre City Library.

challenge icon

Défi

Facile

Donne à chaque page son propre titre.

  1. Dans base.html, fais du texte du titre un bloc nommé title, avec Corner Café comme valeur par défaut.
  2. Dans drinks.html, donne à /drinks/ le titre Our Drinks | Corner Café. La page d’accueil conserve le titre par défaut.

Ouvre /drinks/ : la barre de titre affiche Our Drinks | Corner Café.

Essayez vous-même

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

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

Toutes les leçons de Les bases de Django

Entraînez-vous par vous-même : Playground Django