Pythonista Djangoでcssを読み込む

f:id:watson_12345678:20211220155551j:image

今回はDjangocssを読み込む方法について解説していきたいと思います。

 

 

staticを作成

まず、作成したプロジェクトに

cd (プロジェクト名)

で移動して

mkdir static

と入力してstaticを作成します。

staticの中にCSSを作成

f:id:watson_12345678:20211220160316j:image

 

sttingの編集

settingを開いて

f:id:watson_12345678:20211220160651j:image

 

の後ろに

STATICFILES_DIRS = ( [ os.path.join(BASE_DIR, "static"), ] )

をコピペして追加します

f:id:watson_12345678:20211220160744j:image

 

HTMLを編集

次にテンプレートの中のHTMLを編集します。

 

<!DOCTYPE html>

の上に

{% load static %}

を追加して、

f:id:watson_12345678:20211220161053j:image

 

 

<head></head>の中に

<link href="{% static 'style.css' %}" rel="stylesheet">

をコピペして終了です‼️