Есть более простой способ. Вы можете зарегистрировать Wagtail Hook (читайте о них здесь: http://docs.wagtail.io/en/latest/reference/hooks.html). Hooks - это способы добавления дополнительных атрибутов или функций на страницу или действие. Иногда ловушка запускается перед действием или после действия. В этом случае , когда глобальный администратор CSS добавляется к вашему администратору, вы захотите добавить другой файл .css.
Вот фрагмент крючка, который я написал пару недель назад для Wagtail 2.1.
"""Add custom .css hook"""
from django.contrib.staticfiles.templatetags.staticfiles import static
from django.utils.html import format_html
from wagtail.core import hooks
# Register a custom css file for the wagtail admin.
@hooks.register("insert_global_admin_css", order=100)
def global_admin_css():
"""Add /static/css/wagtail.css."""
return format_html('<link rel="stylesheet" href="{}">', static("css/wagtail.css"))
После добавления вам просто нужно убедиться, что /static/css/wagtail.css
существует в вашей статической директории, и вы можете перезаписать любой CSS в админке.
Простой способ узнать, как перезаписать стили в админе, это: щелкнуть правой кнопкой мыши -> Проверить (Chrome, Firefox, Safari и т. Д. Будут поддерживать это). На вашей вкладке Elements
есть способ просмотреть все элементы HTML, а когда вы щелкнете по одному из них, вы увидите все стили и селекторы, связанные с каждым элементом. Просто скопируйте селектор, который вы хотите отредактировать, и вставьте его в новый файл wagtail.css
.