Python・Django】django-allauthのテンプレートが上書きされない

Question

前提・実現したいこと

Djangoの認証機能としてdjango-allauthを組み込みました。
テンプレートはallauthのデフォルトテンプレートを使わずに独自テンプレートを作成ています。

allauthのデフォルトテンプレートを上書きするために独自テンプレートファイルは下記のディレクトリに格納しています。
※accountsをallauth関連のアプリケーションディレクトリとしています。

/accounts/templates/account/

しかし、「confirm-email.html」というページのみ、反映がされません。
※confirm-email.htmlはサインアップ後に遷移するページ
同一ディレクトリ内のsignup.htmlやlogin.html、password_reset.htmlなどのページはしっかり反映されます。

該当のソースコード

プロジェクトディレクトリ/accounts/templates/account/confirm-email.html

{% extends 'base.html' %}

(中略)

<!--メッセージの出力-->
{% if messages %}
{% for message in messages %}
<div  {% if message.tags %} class="alert {{ message.tags }} text-white fade show rounded-0" role="alert" {% endif %}>
  <div class="container d-flex">
    <div class="alert__icon mr-3">
      <i class="fas {% if message.tags == 'bg-info' %}fa-info-circle
      {% elif message.tags == 'bg-success' %}fa-check-circle
      {% elif message.tags == 'bg-warning' %}fa-exclamation-triangle
      {% else %}fa-minus-circle
      {% endif %}"></i>
    </div>

    <div class="align-self-center mr-3">{{ message }}</div>

    <div class="ml-auto">
      <button type="button" class="alert__close alert__close--light" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
  </div>
</div>
{% endfor %}    
{% endif %}
<!--End メッセージの出力-->

{% block contents %}
<section class="u-content-space">
    <div class="container">
        <header class="text-center w-md-50 mx-auto mb-8">
            <h2 class="h1">We send email</h2>
            <p>Please authenticate from the linked page</p>
        </header>
    </div>
</section>
{% endblock %}

プロジェクトディレクトリ/urls.py

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('article.urls')),
    path('accounts/', include('allauth.urls')),
]

試したこと

下記を試しましたが、いずれのケースも反映されませんでした。色々と調べてもなぜ反映されたいのかが分からずに困っております...
どなたか、アドバイス等いただけると幸いです..!

• ブラウザキャッシュの削除をしてからrunserverコマンドを実行し、当該ページを確認した
• ブラウザの検証ツールを使ってスクリプトを表示させたところ、独自テンプレートの内容が反映されていなかった

　→親テンプレートは反映されていた(親と子テンプレートのblockタグ名を確認したが表記揺れは無し)

• 当該ファイルにタイポミスがないか確認した

補足情報

認証にはemail認証を使っていて、サインアップページにemailとパスワードを入力し、signupページを押下後、confirm-email.htmlページに飛ぶと同時に、入力されたemail宛に認証ページへのリンクを送信する認証方式にしています。

Answer 1

古い記事かつ解決済みへのコメントで大変申し訳ありません。
私も同様にallauthでの認証をやっておりましてsignup後に自動的にconfirm-emailに遷移しているがconfirm-emailがどのファイルなのかを探っておりました。
どうやらこちらはconfirm-email.htmlではなくverification_sent.htmlのファイルになっているようです。
verification_sent.htmlの内容を書き換えsignupしたところ正常に表示されました。
参考までにverification_sent.htmlのソースを張り付けておきますね。

{% extends 'base.html' %}
{% block active_singup %}active{% endblock %}
{% block contents %}

<div class="container">
    <div class="row">
        <div class="my-div-style">
            <h1>メールアドレスを確認してください</h1>
            確認のメールを送信しました。<br>メールに記載されたリンクをクリックして、ユーザー登録を完了させてください。<br>数分待っても確認のメールが届かない場合はご連絡ください。
        </div>
    </div>
</div>
{% endblock %}

すでに解決済みですが何かの参考になればと思います。

Answer 2

venvでdjandoをお使いであれば、下記にall-authのテンプレート名が記載されています。
テンプレート名が、comfirm-email.html ではなく、email_cofirm.html です。
ファイル名を変更して、確認してみてください。

~\venv_（プロジェクト名）\Lib\site-packages\django_allauth-0.43.0-py3.9.egg-info\SOURCES.txt

※途中のpythonのバージョン等はご自身のものと読み替えてください

　
以下は、上記SOURCE.txt内で「confirm」を含む名称を抽出したものです。
「comfirm」を名称に含む htmlファイルは唯一でした。

allauth/templates/account/email_confirm.html
allauth/templates/account/email/email_confirmation_message.txt
allauth/templates/account/email/email_confirmation_signup_message.txt
allauth/templates/account/email/email_confirmation_message.txt
allauth/templates/account/email/email_confirmation_signup_message.txt
allauth/templates/account/email/email_confirmation_signup_subject.txt
allauth/templates/account/email/email_confirmation_subject.txt
allauth/templates/account/messages/email_confirmation_sent.txt
allauth/templates/account/messages/email_confirmed.txt

Comments

[Mr_PONPON_MARU]

コメントありがとうございます。

サインアップのフォーム送信後のリダイレクト先が『<ホスト名>/accounts/confirm-email/』へと自動で遷移していたため、allauthのデフォルトテンプレートにemail_confirm.htmlとは別に、confirm-emailが用意されているものだと勘違いしておりました....

ご指摘のディレクトリのSOURCE.txt内を見ると確かにemail_confirm.htmlしか見つかりませんでした

email_confirm.htmlはサインアップフォーム送信後にメールのリンクから遷移してメール認証を行うためのテンプレートという認識をしております。(もし間違いであればご指摘ください..)

サインアップのフォーム送信後のリダイレクト先を独自に作成するのであれば、通常通りにurls.pyにパスの記述やviewsの作成をする必要があるのでしょうか？

[_whitecat_22]

> email_confirm.htmlはサインアップフォーム送信後にメールのリンクから遷移してメール認証を行うためのテンプレートという認識をしております。
⇒ ご認識の通りです。

> サインアップのフォーム送信後のリダイレクト先を独自に作成するのであれば、通常通りにurls.pyにパスの記述やviewsの作成をする必要があるのでしょうか？
⇒ はい、その通りです。
　views.pyでredirect先、トップページもしくはログインフォームのページにするのが良いと思います。

[Mr_PONPON_MARU]

分かりました...!
ご丁寧にありがとうございます...!

[_whitecat_22]

いえいえ、どういたしまして！^^
お役に立てて嬉しく思います。
サイト構築、頑張ってくださいね！