DEV Community

Cover image for Customizing the Django Panel: A Step-By-Step Guide
Digvijay Singh Rajput
Digvijay Singh Rajput

Posted on

Customizing the Django Panel: A Step-By-Step Guide

In this guide I'll walk you through how to modify and extend Django default admin panel/interface, making it more user-friendly.

1. Set up the Project:

Start by creating a brand new project and app in Django

django-admin startproject myprojectname
cd myprojectname
python manage.py startapp developerscommunity
Enter fullscreen mode Exit fullscreen mode

** Note**
Do not forgot to add your app ti the INSTALLED_APPS in settings.py

2. Run migrations:

python manage.py makemigrations
python manage.py migrate
Enter fullscreen mode Exit fullscreen mode

3. Resgister Models in Admin Panel:

 Register of models is compulsory to see it in django admin 
 interface

  from django.contrib import admin
  from .models import DevCommunity

 admin.site.register(DevCommunity)
Enter fullscreen mode Exit fullscreen mode

Above Steps will lead you to Django Admin Panel Now comes the customization part

4. Customize the Admin Panel:

class CustomAdminSite(admin.AdminSite):

will appear at the top-left corner

site_header = "Dev Admin"

will show in the browser tab

site_title = Developer Admin Portal

will be displayed on the admin home page.

index_title = "Welcome to Developer Community"

custom_admin_site = CustomAdminSite(name="dev_admin")

  #All code at one place
  class CustomAdminSite(admin.AdminSite):
     site_header = "Dev  Admin"
     site_title = Developer Admin Portal
     index_title = "Welcome to Developer Community"

  custom_admin_site = CustomAdminSite(name="dev_admin")
Enter fullscreen mode Exit fullscreen mode

5. To register:

  #Finally register
  custom_admin_site.register(DevCommunity)
Enter fullscreen mode Exit fullscreen mode

Image description

Top comments (0)