Statik Dosyalar

Coddy'nin Django Journey'sinin Django Temelleri bölümünün bir parçası. Ders 20 / 23.

Kafenin sayfaları beyaz zemin üzerine siyah yazılardan oluşuyor. Bir stil sayfası bunu değiştirirdi; stil sayfaları, betikler ve görseller statik dosyalardır: sunucu bunları bir görünüm olmadan olduğu gibi gönderir. Django, şablonları bulduğu gibi bunları da her kurulu uygulamanın static/ klasöründe bulur; uygulamanın adı klasörün içinde tekrar yer alır:

shop/static/shop/cart.js

Bunlara STATIC_URL altında, settings.py içindeki "static/" yoluyla erişilir; dolayısıyla bu dosyanın yolu /static/shop/cart.js olur. Bir şablon, {% load static %} satırından sonra {% static %} kullanarak adresi oluşturur:

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

Bir stil sayfasının <link rel="stylesheet" href="..."> etiketi <head> bölümüne yerleştirilir. Bunu base.html dosyasına koyarsan, onu genişleten her sayfada da yer alır.

Görev

Kolay

menu/static/menu/style.css dosyasını en az body { background: #fdf8f2; } içerecek şekilde oluştur.
base.html dosyasında, statik etiketleri yükle ve stil sayfasını <head> bölümüne bağla; böylece her sayfa /static/menu/style.css dosyasına bağlanır.

Çalıştır'a bas: sayfalar krem rengine döner. Django'nun sunduğu dosyayı görmek için /static/menu/style.css adresini aç.

Kendin dene

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