Django Footer and header on each page with {% extends }

Question

So I'm trying to add the footer and header on every page of my website. I made a base.html file which contains the general layout of the site.

In my about.html page, i did:

{% extends "public/base.html" %}  <h1>Content goes here</h1> 

I can see my header and footer, but how do I display the content. I want to type stuff in that about.html page. The content goes here isn't being displayed in the middle.

Answer 1

You need to define a block in base.html and populate it in about.html.

base.html:

<header>...</header> {% block content %}{% endblock %} <footer>...</footer> 

about.html

{% extends "public/base.html" %}  {% block content %} <h1>Content goes here</h1> {% endblock %} 

This is all fully explained in the tutorial.