タイトル: 静的(static)ファイルの置き場所と読み込み(画像、css、js )

SEOタイトル: djangoにおける静的(static)ファイルの置き場所と読み込み(画像、css、js )

静的ファイル(画像、css、js )を格納するディレクトリ作成

アプリケーションフォルダ直下に static フォルダを作成し、さらに static フォルダ直下に アプリケーション名フォルダを作成する。(staticファイルへアクセスする際のURLを一意にするためのお作法)

以下、アプリケーション名がapp1の場合の例

app1

-- static

-- app1

-- css

-- js

-- img

css, js, imgフォルダを作成してその配下にそれぞれのファイルを格納する。

以下のURLで静的ファイルにアクセスすることができる。

「localhost/static/app1/css/sample.css」

テンプレート(htmlファイル)から静的ファイルを読み込む場合は以下のように指定する。

{% load static %}