Statik Dosyalar

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

Kafenin sayfaları beyaz üzerine siyah. 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 bunları şablonları bulduğu şekilde, yüklü her uygulamanın static/ klasöründe, içinde uygulamanın adı tekrar yer alacak biçimde bulur:

shop/static/shop/cart.js

Django bunları STATIC_URL ile başlayan adreslerde sunar. Bu adres settings.py dosyasında "static/" olduğundan, bu dosyanın adresi /static/shop/cart.js olur. Bir şablon, {% load static %} ifadesinden sonra {% static %} ile adresi oluşturur:

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

Bir stil sayfasının <link rel="stylesheet" href="..."> etiketi <head> içine yerleştirilir. Bunu base.html dosyasına koy; onu genişleten her sayfada bu etiket yer alır.

Görev

Kolay

Siteye bir stil sayfası ekle.

menu/static/menu/style.css dosyasını oluştur ve içinde en azından body { background: #fdf8f2; } bulunsun.
base.html dosyasında statik etiketleri yükle ve stil sayfasını <head> içine bağla; böylece her sayfa /static/menu/style.css bağlantısını içerir.

Çalıştır düğmesine bas: sayfalar krem rengine döner.

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>