Djangoスタートアップその7（テンプレート拡張編） #Python

base.htmlの作成

project
└───templates
    └───myApp
            base.html
            post_list.html

base.htmlはひな形
{% block content %}～{% endblock %}までをほかのtemplateファイルで実装する

project/template/appName/base.html

<body>
    <div class="page-header">
        <h1><a href="/">Django Girls Blog</a></h1>
    </div>
    <div class="content container">
        <div class="row">
            <div class="col-md-8">
            {% block content %}
            {% endblock %}
            </div>
        </div>
    </div>
</body>

project/template/appName/post_list.html

{% extends 'blog/base.html' %}★base.htmlを読み込み

{% block content %}★ひな形内のみ記述
    {% for post in posts %}
        <div class="post">
            <div class="date">
                {{ post.published_date }}
            </div>
            <h2><a href="">{{ post.title }}</a></h2>
            <p>{{ post.text|linebreaksbr }}</p>
        </div>
    {% endfor %}
{% endblock %}

Djangoスタートアップ その7（テンプレート拡張編）

base.htmlの作成

参考記事

Djangoスタートアップその7（テンプレート拡張編）