Переопределение admin css в django

Question

Я хочу изменить определенный css в admin django как base.css. Лучше ли меняться непосредственно в библиотеке django? Как я могу отменить это наилучшим образом?

Answer 1

Это зависит от того, что вы хотите сделать. Хотя прежде всего: не переписывайте его в администраторе Django напрямую. У вас есть два варианта, которые я считаю разумными:

1. Если вы хотите изменить внешний вид администратора в целом, вы должны переопределить шаблоны администратора. Это подробно описано здесь: Overriding admin templates. Иногда вы можете просто расширить исходный файл администратора, а затем перезаписать блок, например {% block extrastyle %}{% endblock %}, в django/contrib/admin/templates/admin/base.html.
2. Если ваш стиль специфичен для модели, вы можете добавить дополнительные стили с помощью метакласса Media в admin.py. Смотрите пример здесь:

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

Answer 2

Возможно Grappelli сэкономит вам беспокоиться ...

https://github.com/sehmaschine/django-grappelli

http://lincolnloop.com/static/slides/2010-djangocon/customizing-the-admin.html#slide37

Answer 3

Я просто расширенный администратор/base.html включить ссылку на мой собственный файл css - в конце. Красота css заключается в том, что вам не нужно касаться существующих определений, просто переопределяйте их.

Answer 4

В вашем статическом каталоге создайте файл static/admin/css/base.css.

Сначала вставьте в Django's default Admin CSS и отрегулируйте, как вы сочтете нужным.

Answer 5

У вас есть admin/css/changelists.css внутри папки в STATICFILES_DIRS, и он будет использовать этот файл changelists.css вместо стандартного администратора.

Answer 6

Это решение будет работать на сайте администратора, я думаю, что это самый чистый способ, поскольку он переопределяет base_site.html, который не изменяется при обновлении django.

Создайте в своем каталоге шаблонов папку с именем admin в ней создайте файл с именем base_site.html.

Создайте в своем статическом каталоге под css файл с именем admin-extra.css.

Напишите в нем все пользовательские css, которые вы хотите для своих форм: body{background: #000;}.

Вставить это в 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 %} 

Это Он! You'r done

Answer 7

Если вы хотите получить глобальный охват, и вы не хотите думать о переопределении шаблонов, mixin отлично работает для этого.Поместите этот код там, где вы хотите:

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

Затем создайте файл CSS под названием admin.css с вашими переопределениями, например:

select[multiple] { 
    resize: vertical; 
} 

Тогда, в любой модели вы хотите, сделайте следующее:

class MyModelAdmin(admin.ModelAdmin, CSSAdminMixin): 

И все будет готово.

Answer 8

• В settings.py убедитесь, что ваше приложение указано перед администратором в INSTALLED_APPS.
• Создать (your-app)/templates/admin/base_site.html и поставить <style> блок в примере {% block extrahead %}

---

:

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