static files

HTMLを表示する際に必要なCSSや、トップページないしヘッダーに表示する画像はStaticとして特定のディレクトリに保存します。

MEDIAディレクトリに保存されるModelの画像項目などとは異なり、データベースに関与することのないファイルのことを指します。

設定方法

1. settings.pyのあるdjangoプロジェクトのディレクトリにstaticという名前のフォルダを作成します。

1. トップページなどに使用する画像をディレクトリに移動します。

1. settings.pyをエディタで開き、標準でSTATIC_URLが記載されている個所にSTATICFILES_DIRSとSTATIC_ROOTを追加します。

STATICFILES_DIRS = [BASE_DIR / 'django_study/static'] # 画像を入れたディレクトリ
STATIC_ROOT = BASE_DIR / 'static'
STATIC_URL = '/static/'

1. 以下のコマンドで全アプリのstaticファイルを１か所（STATIC_ROOT）に集約します。

python manage.py collectstatic

1. Staticファイルを表示するHTMLではStaticファイルをロードしてから使用します。複数ファイルある場合でもロードは１回でOKです。

{% load static %}
<img src="{% static 'w_image.jpg' %}" />