継承する方法
①親テンプレートの書き方
子テンプレートの内容を表示させたい部分を以下の様に記述する
{% block 【block_name】 %}{% endblock %}
※【block_name】 の部分はtitle、header、contentなど内容が分かるように記述する
②子テンプレートの書き方
・子テンプレートの一行目に{% extends "親のファイルpath" %}と記述して継承する
{% extends 'base.html' %}
※block_nameの部分に自動的に適用される。
・親テンプレートのblock_nameと一致させるテンプレートタグで表示さしたい内容を挟む
{% block title %}商品一覧{% endblock %}
【例】
※block title、block contentと親テンプレートに対応するブロックネームで指定することで自動的に親テンプレートの同じブロックネームに継承されて表示される
①親テンプレート
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title> ECサイト - {% block title %}{% endblock %}</title>
</head>
<body>
{% block content %}
{% endblock %}
</boby>
</html>
子テンプレート
{% extends "base.html" %}
{% block title %}商品一覧{% endblock %}
{% block content %}
テスト
{% endblock %}