テンプレートを共通化する

templatesディレクトリにbase.htmlを作成して、共通部分を記述。
ブロックを埋め込む位置に下記記述。

{% block main %}{% endblock %}

継承するhtmlファイルに下記記述。

{% extends "base.html" %}
{% block main %}
内容
{% endblock %}

さらに分割する。

{% include 'footer.html' %}

静的ファイルにリンクする

settings.pyに下記追記。

STATIC_URL = 'static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')] # 追記

staticディレクトリを作成し、ファイルを配置。
テンプレートの先頭に{% load static %}を記述。
CSSを追加するには、下記のように記述。

<link rel="stylesheet" href="{% static '/path-to.css' %}">

投稿者 blvd

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です