Skip to content

Instantly share code, notes, and snippets.

@joar

joar/1-base.html

Last active September 27, 2021 11:32
Show Gist options
  • Save joar/4f1aa693c9a29c0d1deb to your computer and use it in GitHub Desktop.
Save joar/4f1aa693c9a29c0d1deb to your computer and use it in GitHub Desktop.
Download ZIP
Multiple and extending base templates in Django
Raw
1-base.html
<html>
<head>
<title>Foo</title>
</head>
<body>
<header>
{% block header %}
<h1>Lorem ipsum</h1>
{% endblock %}
</header>
{% block content %}{% comment %}A wrapper around content is needed{% endcomment %}
<div class="page-content">
{% block page_content %}{% comment %} Filled in by your page templates {% endcomment %}
{% endblock %}
</div>
{% endblock %}
<footer>
{% block footer %}
<em>&#x2665; joar</em>
{% endblock footer %}
</footer>
</body>
</html>
Raw
2-base-comments.html
{% extends 'base.html' %}
{% block content %}
<div class="page-content">
{% block page_content %}{% comment %} Filled in by your page templates {% endcomment %}
{% endblock %}
{% block comments %}
<footer>
<h2>Comments</h2>
<script>loadCommentsEtc()</script>
</footer>
{% endblock %}
</div>
{% endblock %}
Raw
3-post-template.html
{% extends 'base-comments.html' %}
{% block page_content %}
<article>
<h1>{{ post.title }}</h1>
<div class="post-body">
{{ post.body }}
</div>
</article>
{% endblock %}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment