Estendendo os templates
Outra coisa boa que o Django tem para você é o template extending - extensão de templates. O que isso significa? Significa que você pode usar as mesmas partes do seu HTML em diferentes páginas do seu site.
Templates ajudam quando você quer usar a mesma informação ou layout em mais de um lugar. Você não precisa se repetir em todos os arquivos. E, caso queira mudar algo, você não precisa fazê-lo em todos os templates, apenas em um!
Criando um template base
Um template base é o template mais básico sobre o qual você construirá em cada página do seu site.
Vamos criar um arquivo base.html
na pasta blog/templates/blog/
:
Em seguida, abra o arquivo no editor de código e copie tudo de post_list.html
para base.html
, desse jeito:
Então, em base.html
, substitua todo o seu <body>
(tudo entre <body>
e </body>
) por isso:
Você pode ver que essa ação substituiu tudo a partir de {% for post in posts %}
até {% endfor %}
por:
Mas por quê? Você acabou de criar um bloco
! Você usou o a etiqueta de template (template tag) `
` para criar uma área que terá HTML inserido nela. Esse HTML virá de outro template que vai estender este template (`base.html`). Nós vamos te mostrar como fazer isso já já.
Agora, salve base.html
e abra novamente o seu blog/templates/blog/post_list.html
no editor de código. Remova tudo acima de {% for post in posts %}
e abaixo de {% endfor %}
. Quando terminar, o arquivo deve estar parecido com isso:
Queremos usar isso como parte do nosso template para todos os blocos de conteúdo. É hora de adicionar as tags (etiquetas) de blocos neste arquivo!
Você quer que sua etiqueta de bloco coincida com a etiqueta no seu arquivo base.html
. Você também quer que inclua todo o código que pertence aos seus blocos de conteúdo. Para isso, coloque tudo entre {% block content %}
e {% endblock %}
. Assim:
Só falta uma coisa. Precisamos juntar estes dois templates. Isto é o que significa 'estender templates'! Vamos fazer isso adicionando uma etiqueta de extensão ao início do arquivo. Assim:
É isso! Salve o arquivo e veja se o seu site ainda está funcionando corretamente. :)
Se você receber o erro
TemplateDoesNotExist
, significa que não há um arquivo emblog/base.html
e você está rodando orunserver
na janela do terminal. Tente encerrá-lo (apertando Ctrl+C -- as teclas Control e C juntas) e reiniciá-lo rodando o comandopython manage.py runserver
.
Last updated