[장고] allauth 템플릿 커스터마이징

여러 템플릿들을 커스터마이징할 수 있습니다. 우선 이 글을 참고해 기본적인 allauth를 구현합니다. 기본 구현에서 이어집니다.

템플릿 디렉토리 설정

사용자 정의 템플릿을 저장할 디렉토리를 설정합니다. 일반적으로 Django 프로젝트의 templates 디렉토리에 템플릿을 저장합니다.

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates'), os.path.join(BASE_DIR, 'templates', 'account')],
        #생략 ...

기본 템플릿 복사 및 사용자 정의

Allauth의 기본 템플릿을 프로젝트의 templates 디렉토리로 복사하고, 이를 사용자 정의합니다. Allauth의 기본 템플릿은 다음과 같은 구조를 가지고 있습니다:

templates/
    account/
        login.html
        signup.html
        # 기타 템플릿 파일들

템플릿 파일들은 Allauth의 GitHub 저장소에서 찾을 수 있습니다. 이 템플릿 파일들을 templates/account/ 디렉토리에 복사한 후, 원하는 대로 수정합니다.

예를 들어, 로그인 페이지를 사용자 정의하려면 login.html 파일을 수정합니다.

<!-- templates/account/login.html -->
{% extends "base.html" %}

{% block content %}
  <h2>Login</h2>
  <form method="post" action="{% url 'account_login' %}">
    {% csrf_token %}
    {{ form.as_p }}
    <button type="submit">Login</button>
  </form>
{% endblock %}