ظاهر پنل پیشفرض اَدمین در کل خیلی چنگی به دل نمیزنه و برخی توسعه دهنده ها ترجیح میدن که ظاهرش رو دلچسب تر کنن. این کار رو میشه هم بصورت دستی و با سلیقه ی شخصی و هم به سادگی و با اضافه کردن پکیج هایی که برای اینکار وجود دارند به انجام رسوند.

Jazzmin

پکیج Jazzmin یکی از پکیج هایی هستش که در تغییر استایل پنل به کمک ما میاد. اضافه کردن این پکیج به پروژه، خیلی خیلی خیلی راحته! بدین صورت که در مرحله اول نیاز داریم تا پکیج رو نصب کنیم و در مرحله دوم به ابتدای قسمت INSTALLED_APPS از فایل settings.py اضافه اش کنیم.

اضافه کردن Jazzmin به پروژه

ابتدا سرور خودتون رو در صورت فعال بودن با کلید های Ctrl+C متوقف کنید و سپس دستور زیر رو در ترمینال وارد کنید تا پکیج موردنظر نصب بشه:

Shell

(venv) > pip install django-jazzmin

خب در مرحله بعدی سراغ فایل django_project/settings.py میریم و نام این پکیج رو به ابتدای قسمت INSTALLED_APPS ، قبل از " django.contrib.admin " اضافه اش میکنیم:

Code

# django_project/settings.py

…
INSTALLED_APPS = [
"jazzmin",
"django.contrib.admin",
"django.contrib.auth",
"django.contrib.contenttypes",
"django.contrib.sessions",
"django.contrib.messages",
"django.contrib.staticfiles",

# 3rd party
"crispy_forms",
"crispy_bootstrap5",

# Local Apps
"accounts",
"articles",
"pages",
]
…

و تمام!

حالا قبل از اینکه بریم سراغ مشاهده نتایج، این پکیج جدید رو به لیست پکیج های پروژه اضافه اش میکنیم:

Shell

(venv) > pip freeze > requirements.txt

الان وقتشه که سرور رو دوباره راه اندازی کنیم:

Shell

(venv) > python manage.py runserver

و سپس در مرورگر به آدرس: " /http://127.0.0.1:8000/admin " بریم.

ملاحظه میکنید که پکیج به درستی به پروژه اضافه شده و ظاهر پنل تغییر کرده. مشخصات حساب superuser رو وارد کنید تا به بخش های مختلف پنل هم سر بزنیم.

همینطوریکه مشاهده میکنید ظاهر داشبورد کاملا تغییر کرده و هر کدوم از اَپ ها بصورت مجزا به همراه مدلهاشون هم در وسط صفحه و هم در نوار سمت چپ نمایش داده شدن. روی Articles کلیک کنید تا به صفحه مربوط به مدل Article منتقل بشیم.

میبینید که همه چیز سر جای خودشه و لینک هایی که قبلا بمنظور آپلود/دانلود کردن فایلهای CSV تعبیه کرده بودیم هم سر جای خودشونن و همه چیز بدرستی کار میکنه. از نوار سمت چپ روی Users کلیک کنید تا به لیست کاربر ها هم نگاهی بندازیم.

در این صفحه لیستی از کاربرها رو به همراه فیلتر هایی که قبلا پیاده کرده بودیم رو مشاهده میکنید که به زیبایی استایل دهی شدن. خودتون میتونید به قسمت های دیگه هم سری بزنید و ببینید که چه تغییراتی در ظاهرشون بوجود اومده.

جمع بندی

در این بخش به سادگی هر چه تمام تونستیم استایل پنل اَدمین رو با استفاده از پکیج Jazzmin تغییر بدیم، بدون اینکه تغییری در عملکرد پنل و بخش های مختلف بوجود بیاد.

*: کار ما در خصوص این پروژه رسما در این نقطه به پایان میرسه و در بخش بعدی به نحوه ی اضافه کردن چند پکیج دیگه بمنظور تغییر ظاهر پنل اَدمین میپردازیم تا در صورت تمایل در پروژه های بعدی خودتون پیاده اشون کنید. :*