الملفات الثابتة

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

صفحات المقهى باللون الأسود على خلفية بيضاء. ستغيّر ورقة الأنماط ذلك، وأوراق الأنماط والبرامج النصية والصور هي ملفات ثابتة: يرسلها الخادم كما هي، من دون استخدام عرض. يعثر Django عليها بالطريقة نفسها التي يعثر بها على القوالب، في مجلد static/ لكل تطبيق مثبّت، مع اسم التطبيق داخله مرة أخرى:

shop/static/shop/cart.js

يقدّمها Django على عناوين تبدأ بـ STATIC_URL، وقيمته "static/" في settings.py، لذا يكون عنوان ذلك الملف /static/shop/cart.js. ينشئ القالب العنوان باستخدام {% static %}، بعد {% load static %}:

{% load static %}
<script src="{% static 'shop/cart.js' %}"></script>

يوضع <link rel="stylesheet" href="..."> الخاص بورقة الأنماط داخل <head>. ضعه في base.html، وستحصل عليه كل صفحة ترث منه.

التحدي

سهل

أضف ورقة أنماط إلى الموقع.

أنشئ menu/static/menu/style.css مع body { background: #fdf8f2; } على الأقل.
في base.html، حمّل وسوم الملفات الثابتة واربط ورقة الأنماط داخل <head>، بحيث ترتبط كل صفحة بـ /static/menu/style.css.

اضغط على «العب»: ستتحول الصفحات إلى اللون الكريمي.

جرّب بنفسك

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>{% block title %}Corner Café{% endblock %}</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>