Как переопределить шаблоны

Переопределение из директории шаблонов проекта

Сначала мы рассмотрим переопределение шаблонов, создав заменяющие шаблоны в директории шаблонов вашего проекта.

Предположим, вы пытаетесь переопределить шаблоны приложения сторонних разработчиков под названием blog, которое предоставляет шаблоны blog/post.html и blog/list.html. Соответствующие настройки вашего проекта будут выглядеть так:

from pathlib import Path

BASE_DIR = Path(__file__).resolve().parent.parent

INSTALLED_APPS = [
    ...,
    "blog",
    ...,
]

TEMPLATES = [
    {
        "BACKEND": "django.template.backends.django.DjangoTemplates",
        "DIRS": [BASE_DIR / "templates"],
        "APP_DIRS": True,
        # ...
    },
]

Настройка TEMPLATES и BASE_DIR уже будут существовать, если вы создали свой проект с помощью шаблона проекта по умолчанию. Настройка, которую нужно изменить, это DIRS.

Эти настройки предполагают, что у вас есть директория templates в корне вашего проекта. Чтобы переопределить шаблоны приложения blog, создайте папку в директории templates и добавьте в неё файлы шаблонов:

templates/
    blog/
        list.html
        post.html

Загрузчик шаблонов сначала ищет шаблоны в директории DIRS. Когда представления в приложении blog запрашивают шаблоны blog/post.html и blog/list.html, загрузчик вернёт только что созданные вами файлы.

Переопределение из директории шаблонов приложения

Поскольку вы переопределяете шаблоны, расположенные вне одного из приложений вашего проекта, чаще всего используется первый метод, и переопределения шаблонов размещаются в папке templates проекта. Однако, если вы предпочитаете, вы также можете поместить переопределения в директорию шаблонов приложения.

Сначала убедитесь, что ваши настройки шаблонов проверяют директории приложений:

TEMPLATES = [
    {
        # ...
        "APP_DIRS": True,
        # ...
    },
]

Если вы хотите поместить переопределения шаблонов в приложение под названием myapp, а шаблоны для переопределения называются blog/list.html и blog/post.html, структура вашей директории будет выглядеть так:

myapp/
    templates/
        blog/
            list.html
            post.html

С APP_DIRS, установленным в True, загрузчик шаблонов будет искать шаблоны в директории шаблонов приложения и найдет их.

Расширение переопределённого шаблона

При конфигурированных загрузчиках шаблонов вы можете расширить шаблон с помощью тега шаблона {% extends %}, одновременно переопределяя его. Это позволяет внести небольшие изменения, не переписывая весь шаблон.

Например, вы можете использовать эту технику, чтобы добавить пользовательский логотип в шаблон admin/base_site.html:

 {% extends "admin/base_site.html" %}

 {% block branding %}
   <img src="link/to/logo.png" alt="logo">
   {{ block.super }}
 {% endblock %}

Важные моменты:

• В примере создаётся файл в templates/admin/base_site.html, который использует настроенную директорию проекта templates для переопределения admin/base_site.html.
• Новый шаблон расширяет admin/base_site.html, который является тем же самым шаблоном, что и переопределяется.
• Шаблон заменяет только блок branding, добавляя пользовательский логотип и используя block.super для сохранения предыдущего содержимого.
• Остальная часть шаблона наследуется без изменений из admin/base_site.html.

Эта техника работает, потому что загрузчик шаблонов не учитывает уже загруженный шаблон переопределения (в templates/admin/base_site.html) при разрешении тега extends. В сочетании с block.super это мощный способ внесения небольших изменений.