Django 静的ファイル追加
静的フォルダの作成
Webアプリケーションを構築するとき、画像やcssファイルなどの静的ファイルを追加したいと思うでしょう。
まず、フォルダを作成した場所static
と同じ場所に、プロジェクト内に次の名前のtemplates
フォルダを作成します。
フォルダの名前はstatic
である必要があります。
CSSファイルをstatic
フォルダに追加します。名前は任意ですがこの例ではmyfirst.css
とします。
CSSファイルを開き、以下を挿入します。
my_tennis_club/members/static/myfirst.css
:
テンプレートを変更する
これで、CSSスタイリングを含むCSSファイルができました。次のステップでは、このファイルをHTMLテンプレートに含めます。
HTMLファイルを開き、次のようにを追加します。
{% load static %}
And:
<link rel="stylesheet" href="{% static 'myfirst.css' %}">
例
my_tennis_club/members/templates/template.html
:
変更を有効にするためにサーバーを再起動します。
そして、自分のブラウザ127.0.0.1:8000/testing/
で結果をチェックしてください。
正常に動作しない場合は
テストだけですか?デプロイをする予定がない場合は、settings.py
ファイルでDEBUG = True
に設定すれば、上の例は動作します。
デプロイする予定ですか?もしデプロイするつもりなら、settings.py
ファイルでDEBUG = False
と設定してください。Django には静的ファイルを提供するための組み込みのソリューションがないので、上の例は失敗しますが静的ファイルを提供する方法は他にもあります。
例 (開発中):
my_tennis_club/my_tennis_club/settings.py
:
これでサンプルは動作しますが、Djangoの使い方を学ぶにはDEBUG = False
を選択するのが最善の方法であるため、DEBUG = False
を選択してください。
DEBUG = Falseに選択
DEBUG = False
このチュートリアルの残りの部分では、開発中でも使用して実行します。これがDjangoの操作方法を学ぶ最良の方法だからです。
例:
my_tennis_club/my_tennis_club/settings.py
:
ALLOWED_HOSTS
使用時DEBUG = False
あなたが作成したアプリを表示するためにホスト名を指定する必要があります。'127.0.0.1'
また'localhost'
どちらかを記入してください、これはどちらもローカルマシンのアドレスを表します。
ここでは'*'
を選択します。これはどのアドレスでもこのサイトをホストできることを意味します。ただしプロジェクトをパブリックサーバーにデプロイするときに、これを実際のドメイン名に変更する必要があります。
動作しないですか?
そうですこの例だけではまだ機能しません。
静的ファイルを処理するには、サードパーティライブラリをインストールする必要があります。
それには多くの代替手段があります。次の章でWhiteNoiseと呼ばれるPythonライブラリの使用方法を説明します。
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。