I am working on a small project and I thought I'd give wagtail a try. I am now wondering how I could change wagtail's admin logo in the sidebar (top left image on the picture bellow).
I could change /static/wagtailadmin/images/wagtail-logo.svg
directly but it'd be wrong ;).
Wagtail already provide the solution in the official documentation using django-overextends:
To replace the default logo, create a template file your_app/templates/wagtailadmin/base.html
that overrides the block branding_logo as follow:
{% overextends "wagtailadmin/base.html" %}
{% block branding_logo %}
<img src="{{ STATIC_URL }}images/custom-logo.svg" alt="Custom Project" width="80" />
{% endblock %}
Check Wagtail Custom branding for more details.
Note: In the latests versions of Wagtail django-overextends
is not needed anymore. It uses now the default extends
tag of Django
templates. Consult the docs for more information
The logo is defined here:
https://github.com/torchbox/wagtail/blob/master/wagtail/wagtailadmin/templates/wagtailadmin/base.html#L7
To override it, you'll need an app which contains templates/wagtailadmin/base.html
and precedes wagtail in INSTALLED_APPS
.
Good luck!
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With