본문 바로가기
Programming/Python_Web

Django - CSS적용하기

by Wilkyway 2020. 5. 13.

Django에 CSS를 적용하는 방법은 어렵지 않은데... 적용하려면 저같은 초보한테는 쉽지않네요. 

우선 기록으로 남겨놓습니다.

 

1. mysite/setting.py의 STATIC정보를 수정/확인합니다.

STATIC_URL = '/static/'
STATICFILES_DIRS = ( os.path.join('static'), )

2. CSS파일 생성(style.css)하여 아래 경로에 위치시킵니다.

mysite/static/css/style.css

li a {

    color: green;

}

3. HTML에 static file 로딩부분을 추가해줍니다.

{% load static %}   # 버전에 따라 staticfiles
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="{% static 'css/style.css' %}" />
    <title>Title</title>
</head>

 

~~끝~~

 

(ps)

각 앱별로 static파일을 정의해놓았을 경우, STATICFILES_DIR 대신

STATIC_ROOT = os.path.join(BASE_DIR, 'static')

를 설정하고,

python manage.py collectstatic 명령어를 주어 /static/폴더내로 복사해주면 적용됨.

 
 
반응형

태그

, ,

댓글0