Django'da yönetici css'i geçersiz kılma

Admin django'da base.css gibi bazı css'leri değiştirmek istiyorum. Doğrudan django kitaplığında değiştirmek daha mı iyi? Bunu en iyi şekilde nasıl geçersiz kılabilirim?

Ne yapmak istediğinize bağlı. Her şeyden önce: doğrudan Django yöneticisinde üzerine yazmayın. Makul olduğunu düşündüğüm iki seçeneğiniz var:

1. Genel olarak yöneticinin görünümünü değiştirmek istiyorsanız, yönetici şablonlarını geçersiz kılmalısınız. Bu, burada ayrıntılarla ele alınmıştır: Yönetici şablonlarını geçersiz kılma . Bazen sadece orijinal yönetici dosyasını uzatabilir ve sonra gibi bir blok üzerine {% block extrastyle %}{% endblock %}de django/contrib/admin/templates/admin/base.htmlbir örnek olarak.
2. Stil modeli özgü ise size yoluyla ek stilleri ekleyebilir MediaGözlerinde farklı meta sınıfında admin.py. Burada bir örneğe bakın:

class MyModelAdmin(admin.ModelAdmin):
    class Media:
        js = ('js/admin/my_own_admin.js',)    
        css = {
             'all': ('css/admin/my_own_admin.css',)
        }

• İçinde settings.py, uygulamanızın içinde yöneticiden önce listelendiğinden emin olun INSTALLED_APPS.
• Bloğu oluşturun (your-app)/templates/admin/base_site.htmlve<style>{% block extrahead %}

Misal:

{% extends "admin/base_site.html" %}
{% block extrahead %}
    <style>
        .field-__str__ {
            font-family: Consolas, monospace;
        }
    </style>
{% endblock %}

Sonunda kendi css dosyama bir referans eklemek için admin / base.html'yi genişlettim. Css'nin güzelliği, mevcut tanımlara dokunmanıza gerek kalmaması, sadece yeniden tanımlamanızdır.

Bu çözüm yönetici sitesi için işe yarayacak, bunun en temiz yol olduğunu düşünüyorum çünkü base_site.htmldjango'yu yükseltirken değişmeyen şeyi geçersiz kılıyor .

Şablonlar dizininizde, adı verilen bir klasör adminoluşturun, adlı bir dosya oluşturun base_site.html.

Altında statik dizinde oluşturun cssadında bir dosyaya admin-extra.css.

İçinde sen gibi formlar için istediğiniz tüm özel css yazın: body{background: #000;}.

Bunu şuraya yapıştırın base_site.html:

{% extends "admin/base.html" %}
{% load static from staticfiles %} # This might be just {% load static %} in your ENV

{% block title %}{{ title }} | {{ site_title|default:_('Django site admin') }}{% endblock %}

{% block extrastyle %}{{ block.super }}<link rel="stylesheet" type="text/css" href="{% static "css/admin-extra.css" %}" />{% endblock %}

{% block branding %}
<h1 id="site-name"><a href="{% url 'admin:index' %}">{{ site_header|default:_('Django administration') }}</a></h1>
{% endblock %}

{% block nav-global %}{% endblock %}

Yorumlarda belirtildiği gibi: Uygulamanızın INSTALLED_APPS içindeki yönetici uygulamasından önce olduğundan emin olun, aksi takdirde şablonunuz django'yu geçersiz kılmaz

Bu kadar! sen bittin

Statik dizininizde bir static/admin/css/base.cssdosya oluşturun.

Önce Django'nun varsayılan Admin CSS'sine yapıştırın , ardından özelleştirmelerinizi en alta ekleyin.

Küresel bir kapsam istiyorsanız ve şablonları geçersiz kılmayı düşünmek istemiyorsanız, bir mixin bunun için gerçekten işe yarar. Bu kodu istediğiniz yere koyun:

class CSSAdminMixin(object):
    class Media:
        css = {
            'all': ('css/admin.css',),
        }

Ardından, admin.cssgeçersiz kılmalarınızla çağrılan bir CSS dosyası oluşturun , örneğin:

select[multiple] {
    resize: vertical;
}

Ardından, istediğiniz modelde şunları yapın:

class MyModelAdmin(admin.ModelAdmin, CSSAdminMixin):

Ve her şey hazır olacak.

admin/css/changelists.cssİçinde bir klasör var STATICFILES_DIRSve varsayılan yönetici yerine changelists.css'yi kullanacak.