Menu
CoddyTech

Um Título para Cada Página

Parte da seção Fundamentos do Django do Journey de Django da Coddy. Lição 18 de 23.

Como /drinks/ estende base.html, o título dela é Corner Café, como na página inicial. Um bloco pode resolver isso, porque pode conter conteúdo padrão. Uma página que preenche o bloco substitui o conteúdo padrão; uma página que não o preenche o mantém.

<h1>{% block heading %}City Library{% endblock %}</h1>
<article>{% block body %}{% endblock %}</article>

Um modelo pode ter quantos blocos forem necessários, cada um com seu próprio nome. Esta página preenche os dois:

{% extends "library/base.html" %}

{% block heading %}Opening Times{% endblock %}
{% block body %}<p>Until 20:00.</p>{% endblock %}

Uma página que preenche apenas body mantém o título Biblioteca da Cidade.

challenge icon

Desafio

Fácil
  • Em base.html, transforme o texto do título em um bloco chamado title, com Corner Café como padrão.
  • Defina o título de /drinks/ como Our Drinks | Corner Café. A página inicial mantém o padrão.

Pressione Executar: a barra de título do site exibe Our Drinks | Corner Café em /drinks/.

Experimente você mesmo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Corner Café</title>
</head>
<body>
    <nav>
        <a href="{% url 'menu:home' %}">Home</a>
        <a href="{% url 'menu:drinks' %}">Drinks</a>
        <a href="{% url 'menu:about' %}">About</a>
    </nav>
    <main>
        {% block content %}{% endblock %}
    </main>
</body>
</html>
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Fundamentos do Django

Pratique por conta própria: Playground de Django