【Django】Adminページの「Django 管理サイト」の文字は3分で変えられる（CSSも）

Adminページは便利

Djangoの管理ページはとても便利なので極力そのまま利用したい。

でも、ページ上部には「Django 管理サイト」と大きく表示されていてちょっともやもやする。

きっとプロジェクト名やアプリ名だったらいいのにと思っている人は多いはず・・・ｗ

ということで、さくっと変更しちゃいましょう。

いじるのはAdmin.pyのみ

アプリのadmin.pyを開き、次のコードをコピペするだけでOKです！

下記の日本語の部分を変えると表示が変わります。

admin.py

from django.contrib.admin.sites import AdminSite

AdminSite.site_header = 'Django 管理サイト'
AdminSite.site_title = 'サイト管理者'
AdminSite.index_title = 'サイト管理'

たったこれだけ！

変更が必要ない部分は削除しちゃってください。

他にも色々あったりする

属性	説明
site_header	上部にあるh1テキスト。デフォルトは「Django 管理サイト」
site_title	ページタイトルの後ろにつくtitleテキスト。デフォルトは「Django管理者」
site_url	「サイトを表示」のURLリンク。デフォルトはsite_url。削除する場合はNone
index_title	インデックスページ上部の文字。デフォルトは「サイト管理」
index_template	管理サイトのメインインデックスビューで使うカスタムテンプレートへのパス
etc...

公式ドキュメントで全て確認できますので興味のある方はどうぞ！

CSSも簡単に変更できる

templatesフォルダの中に、adminフォルダを作成し、その中にbase.htmlを作り以下を記述すると色が紫になる。

base.html

{% extends 'admin/base.html' %}

{% block extrastyle %}{{ block.super }}
<style>
:root {
  --primary: #9774d5;
  --secondary: #785cab;
  --link-fg: #7c449b;
  --link-selected-fg: #8f5bb2;
}
</style>
{% endblock %}

以上、簡単にですが、文字の変え方とCSSの書き方でした！