継承する方法

 

①親テンプレートの書き方
子テンプレートの内容を表示させたい部分を以下の様に記述する

{% 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 %}