عنوان لكل صفحة

جزء من قسم أساسيات Django في رحلة Django على Coddy. الدرس 18 من 23.

بما أن /drinks/ يرث من base.html، فعنوانه هو «مقهى الزاوية»، مثل الصفحة الرئيسية. يمكن لكتلة أن تعالج ذلك، لأن الكتلة قد تحتوي على محتوى افتراضي. الصفحة التي تملأ الكتلة تستبدل المحتوى الافتراضي؛ أما الصفحة التي تتخطاها فتبقيه.

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

يمكن أن يحتوي القالب على العدد الذي يحتاج إليه من الكتل، ولكل منها اسمها الخاص. تملأ هذه الصفحة الكتلتين:

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

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

الصفحة التي تملأ body فقط تُبقي عنوان «مكتبة المدينة».

التحدي

سهل

اجعل لكل صفحة عنوانًا خاصًا بها.

في base.html، اجعل نص العنوان كتلةً باسم title، واجعل Corner Café القيمة الافتراضية لها.
في drinks.html، اجعل عنوان /drinks/ هو Our Drinks | Corner Café. تظل الصفحة الرئيسية على القيمة الافتراضية.

افتح /drinks/: سيعرض شريط العنوان Our Drinks | Corner Café.

جرّب بنفسك

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