Я новичок в разработке Wagtail и Django. Как я могу изменить цвета админки в Wagtail? Согласно некоторым вопросам, я могу изменять цвета через core.css, но сканирование кода занимает много времени.
Не используйте метод «сканирования кода». Используйте инструменты разработчика вашего браузера и проверьте элемент. Если вы знаете, какое имя класса отвечает за стиль, вы можете выполнить поиск в своем редакторе. Пусть инструменты сделают работу за вас;)






Есть способ попроще. Вы можете зарегистрировать трясогузку-крючок (о них читайте здесь: http://docs.wagtail.io/en/latest/reference/hooks.html). Хуки - это способы добавления дополнительных атрибутов или функций к странице или действию. Иногда ловушка запускается перед действием или после действия. В этом случае, когда глобальный админ 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.
Я обнаружил, что мне нужно добавить !important ко всем моим правилам CSS, чтобы они отображались, это ожидается?
Нет, вы захотите установить более высокий порядок, чтобы ваш CSS загружался под файлами .css. ИЛИ вы захотите убедиться, что используете одни и те же селекторы css (слишком большая специфичность css может привести к тому, что перезапись не будет работать должным образом, что приведет к чрезмерному использованию! Important)
"установить порядок на большее число" как мне загрузить мой файл css под файлами css администратора / изменить порядок?
Боюсь, что изменение цвета на самом деле не поддерживается или легко реализуется - CSS Wagtail определяется с помощью SCSS и создается с использованием рабочего процесса на основе node.js, поэтому вам, вероятно, придется воссоздать этот рабочий процесс, эффективно создав пользовательскую сборку Wagtail.