مرکز آموزش میهن وب هاست

مرکز آموزش میهن وب هاست

حل مشکل بهم ریختگی فایل‌های css در صفحه ادمین Django

پرینت این مقاله پرینت این مقاله

گاها پس از نصب Django، در صفحه ادمین همانند (تصویر1) با بهم ریختگی css ها مواجه می شوید. 

حل مشکل بهم ریختگی فایل‌های css
تصویر(1)

برای رفع این مشکل می توانید پس از ورود به سی پنل مطابق با آموزش زیر اقدام نمایید.

1- در مرحله اول وارد File Manager شوید، به مسیر اصلی پروژه رفته و پوشه آن را باز کنید.
آموزش حل مشکل بهم ریختگی فایل‌های css
تصویر(2)
نکته: در این مثال پوشه mysite، پوشه اصلی فایل های پروژه تان می باشد. 
2- می بایست فایل "settings.py" در پوشه پروژه را ویرایش نمایید. 
ویرایش فایال settings.py
تصویر(3)

3- در این فایل به دنبال عبارت STATIC باشید. کد STATIC_URL و STATIC_ROOT همانند دستورات زیر است: 

STATIC_URL = '/static/'

STATIC_ROOT = '/home/username/public_html/static'

  • مقادیر home و username را می توانید همانند (تصویر4) در صفحه اول سی پنل و در بخش "Home Directory" مشاهده نموده و در کد فوق جایگذاری کنید.

مشاهده مسیر هااست در سی پنل
تصویر(4)
  • public_html: اگر پروژه شما روی دامنه اصلی اجرا می گردد می بایست همان public_html را در کد قرار دهید. اما اگر پروژه از طریق ساب دامنه یا ادان دامنه لود می گردد، می بایست مسیر و نام پوشه ساب دامنه یا ادان دامنه را در این بخش به جای public_html قرار دهید.
 در صورت عدم وجود این قطعه کدها، کدهای مذکور را کپی، در فایل settings.py جایگذاری و سپس مقادیر home و username را اصلاح نمایید.

4- سپس به صفحه اول سی پنل بازگردید و روی گزینه "Setup Python App" از دسته "software" کلیک نمایید.

 اموزش Setup Python App در سی پنل
تصویر(5)

5- روبروی پروژه تان، گزینه مداد را جهت ویرایش انتخاب کنید.

ویرایش پروژه جنگو
تصویر(6)

6- در صفحه جدید، عبارت مشخص شده در تصویر زیر را کپی نمایید. لازم به ذکر است که با یک کلیک روی این عبارت، کپی انجام می شود.

حل مشکل بهم ریختگی جنگو
تصویر(7)

7-پس از کپی عبارت می بایست وارد محیط Terminal شوید. در صفحه اصلی سی پنل از قسمت "Advanced" گزینه "Terminal" را انتخاب نمایید.

تصویر(8)

8- پس از ورود به محیط "Terminal" کد کپی شده در قسمت 3 را وارد کنید و ENTER را بزنید تا وارد مسیر پروژه تان شوید.

تصویر(9)

9- هم اکنون می بایست کد زیر را در Terminal اجرا نمایید تا فایل های css ادمین Django در مسیر پروژه تان کپی گردد.

python manage.py collectstatic

10- پس از اجرای کد فوق، فایل های css ادمین Django در مسیری که در بخش 3 برای STATIC_ROOT تعیین شد، قابل مشاهده خواهد بود.

11- با لود مجدد صفحه ادمین Django شاهده رفع مشکل بهم ریختگی خواهید بود.

تصویر(10)
5/5 از 2 رای