共通テンプレートの作り方
- templetes フォルダにindex.htmlの内容をコピーして新しいファイルlayout.htmlを作成
※index.htmlの内容とは
このコードを編集してlayout.htmlに共通テンプレートを作っていきましょう！
＜body＞＜/body＞の中に
＜P＞共通テンプレート＜/p＞
{% block content %}
{% endblock %}
次にindex.htmlを開いて
＜head＞＜head/＞のヘッダーの中身を削除
{% extends "layout.html" %}で共通テンプレートのlayout.htmlをよびだす
{% block content %}と記載。これより先のコードを
layout.htmlの{% block content %}の部分に埋め込むイメージ
コードの末は
{% endblock %}
ブラウザで表示すると
共通テンプレートと表示される
埋め込んだコードの文章が表示される
