دوره‌ها / Django / استایل‌دهی سراسری (Global Static Files)

استایل‌دهی سراسری (Global Static Files)

20 دقیقه Article

استایل‌دهی سراسری: CSS مشترک برای کل سایت 🎨

برای استایل‌دهی مشترک در کل سایت، بهتره یک فایل CSS اصلی بسازید که در تمپلیت base لود بشه.

ساختار پوشه static

mysite/
    static/
        css/
            base.css      # استایل‌های پایه
            components.css # کامپوننت‌ها
        js/
            main.js
        images/

لود در تمپلیت base


{% load static %}

<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="{% static 'css/base.css' %}">
    {% block extra_css %}{% endblock %}
</head>
<body>
    {% block content %}{% endblock %}
    
    {% block extra_js %}{% endblock %}
</body>
</html>
بهترین روش: CSS رو به چند فایل تقسیم کنید (base، components، pages) و در تمپلیت base همه رو لود کنید. این کار نگهداری رو راحت‌تر می‌کنه.

🎯 تمرین عملی:

یک فایل CSS سراسری بسازید که شامل استایل‌های پایه (typography، colors، spacing) باشه. سپس در تمپلیت base لود کنید و در چند صفحه تست کنید.

آماده رفتن به درس بعدی هستید؟

این درس را به پایان رساندید و می‌توانید به درس بعدی بروید.

برای ذخیره پیشرفت وارد شوید
درس قبلی درس بعدی