Maison > interface Web > tutoriel CSS > Comment puis-je personnaliser les styles CSS dans l'interface d'administration de Django sans modifier directement le fichier base.css ?

Comment puis-je personnaliser les styles CSS dans l'interface d'administration de Django sans modifier directement le fichier base.css ?

Susan Sarandon
Libérer: 2024-11-04 11:53:02
original
387 Les gens l'ont consulté

How can I customize CSS styles in the Django admin interface without modifying the base.css file directly?

Remplacement du CSS dans Django Admin : bonnes pratiques

Problème :

Vous souhaitez personnaliser certains styles CSS dans Django interface d'administration, en particulier celles du fichier base.css. Cependant, vous ne savez pas s'il faut modifier les styles directement dans la bibliothèque Django ou les remplacer ailleurs.

Réponse :

Écraser les styles directement dans la bibliothèque Django est généralement déconseillée. Voici deux approches recommandées :

1. Remplacer les modèles d'administration :

Si vous devez modifier l'apparence générale de l'interface d'administration, vous pouvez remplacer les modèles d'administration de Django. Reportez-vous à la documentation sur le remplacement des modèles d'administration pour des instructions détaillées. Pour des changements de style spécifiques, vous pouvez étendre le modèle d'administrateur d'origine et remplacer des blocs comme {% block extrastyle %}{% endblock %} dans django/contrib/admin/templates/admin/base.html.

2. Utiliser la méta-classe Admin Media :

Pour les modifications de style spécifiques au modèle, vous pouvez utiliser la méta-classe Media dans votre fichier admin.py. Cela vous permet d'ajouter des styles personnalisés et des fichiers JavaScript. Voici un exemple :

<code class="python">class MyModelAdmin(admin.ModelAdmin):
    class Media:
        js = ('js/admin/my_own_admin.js',)    
        css = {
            'all': ('css/admin/my_own_admin.css',)
        }</code>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal