قالب مادر (Add Master Template)

30 دقیقه Article

قالب مادر: جلوگیری از تکرار کد 🎨

اگر در هر صفحه HTML رو از اول بنویسید، خیلی کد تکراری خواهید داشت (header، footer، منو و...). راه حل چیه؟ Template Inheritance!

DRY Principle: Don't Repeat Yourself! با استفاده از ارث‌بری تمپلیت، کد HTML رو یکبار می‌نویسید و در همه جا استفاده می‌کنید.

ساخت تمپلیت پایه (Base Template)



<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}وبلاگ من{% endblock %}</title>
    {% block extra_css %}{% endblock %}
</head>
<body>
    
        منوی سایت
    
    
        {% block content %}{% endblock %}
    
    فوتر
    {% block extra_js %}{% endblock %}
</body>
</html>

استفاده از تمپلیت پایه

حالا تمپلیت‌های دیگه از base ارث‌بری می‌کنن:


{% extends "blog/base.html" %}

{% block title %}صفحه اصلی{% endblock %}

{% block content %}
    خوش آمدید!
    این صفحه اصلی است.
{% endblock %}

Block های مفید:

title: برای عنوان صفحه
content: محتوای اصلی
extra_css: CSS های اضافی
extra_js: JavaScript های اضافی

نکته حرفه‌ای: همیشه یک تمپلیت base بسازید که شامل header، footer و ساختار اصلی باشه. این کار نگهداری سایت رو خیلی راحت‌تر می‌کنه.

🎯 تمرین عملی:

یک تمپلیت base کامل بسازید که شامل header با منو، main content area و footer باشه. سپس 3 صفحه (home، about، contact) بسازید که از base ارث‌بری کنن.

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

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

برای ذخیره پیشرفت وارد شوید

ParsRepo