自定义Django Admin模板：登录页Header与导航栏冲突问题求助

看起来你已经搞定了后台导航栏的自定义，但卡在了登录页Header和导航栏内容冲突的问题上——毕竟branding块是Admin模板体系里全局共享的，改了它就会同时影响登录页和后台导航栏。这里给你两个靠谱的解决方案：

方法一：直接重写登录页模板（推荐） #

Django Admin的登录页用的是独立模板admin/login.html，我们可以在项目里创建这个模板并继承默认模板，专门给登录页加专属Header，完全不会干扰后台其他页面的布局。

1. 在项目的templates目录下创建admin/login.html文件（如果还没有的话）
2. 写入以下代码：

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

{% block extrahead %}
    {{ block.super }}
    <!-- 自定义登录页Header的样式 -->
    <style>
        .login-custom-header {
            text-align: center;
            padding: 15px 0;
            margin-bottom: 20px;
            border-bottom: 1px solid #eee;
        }
        .login-custom-header img {
            margin-right: 10px;
            vertical-align: middle;
        }
    </style>
{% endblock %}

{% block content %}
    <!-- 这里是登录页专属的Header内容 -->
    <div class="login-custom-header">
        <img class="brand_img" src="{% static 'images/ic_launcher.png' %}" width="50" height="50" alt="logo">
        <h2>Admin Portal Login</h2>
    </div>
    <!-- 保留默认的登录表单内容 -->
    {{ block.super }}
{% endblock %}

这样登录页会显示你定制的专属Header，而后台导航栏依然保持你在base_site.html里设置的样式，两者完全独立不冲突。

方法二：通过模板条件判断区分页面 #

如果你不想单独创建登录页模板，也可以利用Django的请求上下文，在base_site.html里判断当前是否是登录页，再显示专属内容：

1. 先确保settings.py的模板上下文处理器包含request：

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [BASE_DIR / 'templates'],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',  # 必须要有这一行
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

2. 修改base_site.html，添加条件判断逻辑：

{% block nav-global %} 
<img class = "brand_img" src = "{% static 'images/ic_launcher.png'%}" width = "50" height = "50" alt = "logo"> 
{%block branding%} {% endblock %} 
<div class = "head"> 
<h1 id = "name">Admin Dashboard</h1> 
</div> 
{% endblock %}

{% block content %}
    <!-- 仅在登录页显示专属Header -->
    {% if request.resolver_match.url_name == 'login' %}
        <div class="login-header">
            <h2>Welcome to Admin Login</h2>
        </div>
    {% endif %}
    {{ block.super }}
{% endblock %}

这里用request.resolver_match.url_name判断当前页面是否是登录页（登录页的URL名称固定为login），比硬编码URL路径更灵活，适配不同的路由配置。

为啥之前用branding块会出问题？因为branding是Admin模板里全局共享的块，后台所有页面（包括登录页）都会继承并渲染它的内容，所以要单独定制登录页的话，要么重写登录页模板，要么用条件判断区分场景。

内容的提问来源于stack exchange，提问作者Ashok