5.怎么给Django-admin添加图标

UMSRA 的领导现喜欢你到目前创建的admin,但是市场营销人员希望你在所有的admin页面添加UMSRA logo图标

你需要在django settings重写django提供的默认templates django设置TEMPLATES的代码像这样:

  1. TEMPLATES = [
  2. {
  3. 'BACKEND': 'django.template.backends.django.DjangoTemplates',
  4. 'DIRS': [],
  5. 'APP_DIRS': True,
  6. 'OPTIONS': {
  7. 'context_processors': [
  8. 'django.template.context_processors.debug',
  9. 'django.template.context_processors.request',
  10. 'django.contrib.auth.context_processors.auth',
  11. 'django.contrib.messages.context_processors.messages',
  12. ],
  13. },
  14. },
  15. ]

这意味着Django将在每个应用程序内的名为template的目录中查找模板, 但是你可以通过重写TEMPLATES.DIRS 的值, 我可以把'DIRS': []转换成'DIRS': [os.path.join(BASE_DIR, 'templates/')], 并且创建一个templaes文件夹。 如果你的STATICFILE_DIRS是空的话,就设置:

  1. STATICFILES_DIRS = [
  2. os.path.join(BASE_DIR, "static"),
  3. ]

现在从admin app 里面拷贝base_site.html到你刚刚创建的templates\admin文件夹下,替换默认的品牌标记块

  1. <h1 id="site-name">
  2. <a href="{% url 'admin:index' %}">
  3. <img src="{% static 'umsra_logo.png' %}" height="40px" />
  4. </a>
  5. </h1>

改变你的base_site.html之后,将会像这样:

  1. {% extends "admin/base.html" %}
  2. {% load staticfiles %}
  3. {% block title %}{{ title }} | {{ site_title|default:_('Django site admin') }}{% endblock %}
  4. {% block branding %}
  5. <h1 id="site-name">
  6. <a href="{% url 'admin:index' %}">
  7. <img src="{% static 'umsra_logo.png' %}" height="40px" />
  8. </a>
  9. </h1>
  10. {% endblock %}
  11. {% block nav-global %}{% endblock %}

你的admin会像这样: 5.怎么给Django-admin添加图标 - 图1