मैं Django पर काम कर रहा हूँ। और मैं कस्टम सीएसएस गुण जैसे फ़ॉन्ट-आकार को सभी Django व्यवस्थापक पृष्ठों जैसे उपयोगकर्ता परिवर्तन पृष्ठ, उपयोगकर्ता पृष्ठ जोड़ें, आदि को एक बार में जोड़ना चाहता हूं ताकि मुझे अलग-अलग सीएसएस नहीं डालना पड़े प्रत्येक पृष्ठ के लिए व्यक्तिगत रूप से गुण।

तो क्या ऐसा करने का कोई तरीका है ??

अग्रिम में धन्यवाद!!

1
user13266902 25 अप्रैल 2020, 17:48

2 जवाब

सबसे बढ़िया उत्तर

हां, आप यह कर सकते हैं।

और ऐसा करने के लिए सबसे पहले अपनी settings.py फ़ाइल खोलें और TEMPLATES सूची खोजें। उसके बाद DIRS कुंजी के लिए एक मान जोड़ें:

os.path.join(BASE_DIR, 'templates/')

ताकि आपकी पूरी TEMPLATES सूची इस तरह दिखे:

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates/')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

उसके बाद अपनी मुख्य निर्देशिका में जहां सभी ऐप्स फ़ोल्डर रखे जाते हैं, नाम से एक फ़ोल्डर बनाएं templates (यदि नहीं बनाया गया है) और उसके तहत admin नाम से एक और फ़ोल्डर बनाएं। तो टेम्पलेट्स> व्यवस्थापक।

अब एडमिन फोल्डर के तहत नाम से एक html फाइल बनाएं: base.html

अब base.html फ़ाइल में निम्न कोड जोड़ें:



{% load i18n static %}<!DOCTYPE html>
{% get_current_language as LANGUAGE_CODE %}{% get_current_language_bidi as LANGUAGE_BIDI %}
<html lang="{{ LANGUAGE_CODE|default:"en-us" }}" {% if LANGUAGE_BIDI %}dir="rtl"{% endif %}>
<head>
<title>{% block title %}{% endblock %}</title>
<link rel="stylesheet" type="text/css" href="{% block stylesheet %}{% static "admin/css/base.css" %}{% endblock %}">


{% block extrastyle %}




    <link rel="stylesheet" type="text/css" href="{% static 'MyCSS.css' %}" />




{% endblock %}


{% if LANGUAGE_BIDI %}


    <link rel="stylesheet" type="text/css" href="{% block stylesheet_rtl %}{% static "admin/css/rtl.css" %}{% endblock %}">{% endif %}
{% block extrahead %}{% endblock %}
{% block responsive %}
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="{% static "admin/css/responsive.css" %}">
    {% if LANGUAGE_BIDI %}<link rel="stylesheet" type="text/css" href="{% static "admin/css/responsive_rtl.css" %}">{% endif %}
{% endblock %}
{% block blockbots %}<meta name="robots" content="NONE,NOARCHIVE">{% endblock %}
</head>
{% load i18n %}

<body class="{% if is_popup %}popup {% endif %}{% block bodyclass %}{% endblock %}"
  data-admin-utc-offset="{% now "Z" %}">

<!-- Container -->
<div id="container">

    {% if not is_popup %}
    <!-- Header -->
    <div id="header">
        <div id="branding">
        {% block branding %}{% endblock %}
        </div>
        {% block usertools %}
        {% if has_permission %}
        <div id="user-tools">
            {% block welcome-msg %}
                {% trans 'Welcome,' %}
                <strong>{% firstof user.get_short_name user.get_username %}</strong>.
            {% endblock %}
            {% block userlinks %}
                {% if site_url %}
                    <a href="{{ site_url }}">{% trans 'View site' %}</a> /
                {% endif %}
                {% if user.is_active and user.is_staff %}
                    {% url 'django-admindocs-docroot' as docsroot %}
                    {% if docsroot %}
                        <a href="{{ docsroot }}">{% trans 'Documentation' %}</a> /
                    {% endif %}
                {% endif %}
                {% if user.has_usable_password %}
                <a href="{% url 'admin:password_change' %}">{% trans 'Change password' %}</a> /
                {% endif %}
                <a href="{% url 'admin:logout' %}">{% trans 'Log out' %}</a>
            {% endblock %}
        </div>
        {% endif %}
        {% endblock %}
        {% block nav-global %}{% endblock %}
    </div>
    <!-- END Header -->
    {% block breadcrumbs %}
    <div class="breadcrumbs">
    <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
    {% if title %} &rsaquo; {{ title }}{% endif %}
    </div>
    {% endblock %}
    {% endif %}

    {% block messages %}
        {% if messages %}
        <ul class="messagelist">{% for message in messages %}
          <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message|capfirst }}</li>
        {% endfor %}</ul>
        {% endif %}
    {% endblock messages %}

    <!-- Content -->
    <div id="content" class="{% block coltype %}colM{% endblock %}">
        {% block pretitle %}{% endblock %}
        {% block content_title %}{% if title %}<h1>{{ title }}</h1>{% endif %}{% endblock %}
        {% block content %}
        {% block object-tools %}{% endblock %}
        {{ content }}
        {% endblock %}
        {% block sidebar %}{% endblock %}
        <br class="clear">
    </div>
    <!-- END Content -->

    {% block footer %}<div id="footer"></div>{% endblock %}
</div>
<!-- END Container -->

</body>
</html>

इसके बाद स्टैटिक फोल्डर में जाएं और नाम से एक फाइल बनाएं: MyCSS.css

अब MyCSS.css फ़ाइल में आप किसी भी तत्व के लिए अपनी इच्छानुसार कोई भी सीएसएस गुण जोड़ सकते हैं।

यदि आप नहीं जानते कि किस सीएसएस चयनकर्ता का उपयोग करना है तो आप ctrl+shift+c (विंडोज़ पर) दबा सकते हैं और उस तत्व पर होवर कर सकते हैं जिसे आप इस तरह के लिए सीएसएस चयनकर्ता ढूंढना चाहते हैं:

enter image description here

आपको बस इतना ही करना है।

नोट: यदि आप css फ़ाइल का नाम बदलना चाहते हैं तो base.html फ़ाइल के {% block extrastyle %} ब्लॉक में css फ़ाइल का नाम बदलना न भूलें।

1
Samuel Liew 1 मई 2020, 05:36

आप Django व्यवस्थापक पृष्ठों के लिए अनुकूलित css और जावास्क्रिप्ट जोड़ने के लिए Media वर्ग का भी उपयोग कर सकते हैं।

1
PKG 27 अप्रैल 2020, 08:20