html টেম্পলেট কে কনভার্ট করি

কাস্টম css ,js ,images ফাইল নিয়ে কাজ করার জন্য static ফোল্ডারের মধ্যে css ,js ,images নামে ফোল্ডার তৈরী করি।

css এবং js ফাইলগুলো static/css এবং static/js ফোল্ডারে রাখি।

base.html ফাইলে css এবং js ফাইল static ফোল্ডার থেকে যোগ করি। এজন্য base.html ফাইলের ভিতরে html শুরু হওয়ার পূর্বে

{% load static %}

লিখে নিচের মত করে css এবং js ফাইল লোড করতে হবে।

base.html

{% load static %}
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>{% if title %} {{title}} {% else %} Blog {% endif %}</title>
        <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" />

    </head>
    <body>
        {% block content %}
        {% endblock %}

        <script src="{% static 'js/bootstrap.min.js' %}" defer></script>
    </body>
</html>

django সার্ভার রিস্টার্ট করি

নোট

আমাদের প্রতিটি html টেম্পলেট এ

 {% extends 'base.html' %}

এর পরের লাইনে

{% load static %}

লিখতে হবে।

Previousবেস টেমপ্লেট বানাই NextTemplate Tags

Last updated 1 year ago