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

جزء من قسم أساسيات 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 فقط تُبقي العنوان City Library.

التحدي

سهل

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

اضغط على تشغيل: سيظهر في شريط عنوان الموقع النص Our Drinks | Corner Café عند زيارة /drinks/.

جرّب بنفسك

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