Админ настройки трясогузки

Я новичок в разработке Wagtail и Django. Как я могу изменить цвета админки в Wagtail? Согласно некоторым вопросам, я могу изменять цвета через core.css, но сканирование кода занимает много времени.

Боюсь, что изменение цвета на самом деле не поддерживается или легко реализуется - CSS Wagtail определяется с помощью SCSS и создается с использованием рабочего процесса на основе node.js, поэтому вам, вероятно, придется воссоздать этот рабочий процесс, эффективно создав пользовательскую сборку Wagtail.

gasman 01.05.2018 13:31

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

allcaps 03.05.2018 20:45
Почему в Python есть оператор "pass"?
Почему в Python есть оператор "pass"?
Оператор pass в Python - это простая концепция, которую могут быстро освоить даже новички без опыта программирования.
Некоторые методы, о которых вы не знали, что они существуют в Python
Некоторые методы, о которых вы не знали, что они существуют в Python
Python - самый известный и самый простой в изучении язык в наши дни. Имея широкий спектр применения в области машинного обучения, Data Science,...
Основы Python Часть I
Основы Python Часть I
Вы когда-нибудь задумывались, почему в программах на Python вы видите приведенный ниже код?
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
Алиса и Боб имеют неориентированный граф из n узлов и трех типов ребер:
Оптимизация кода с помощью тернарного оператора Python
Оптимизация кода с помощью тернарного оператора Python
И последнее, что мы хотели бы показать вам, прежде чем двигаться дальше, это
Советы по эффективной веб-разработке с помощью Python
Советы по эффективной веб-разработке с помощью Python
Как веб-разработчик, Python может стать мощным инструментом для создания эффективных и масштабируемых веб-приложений.
3
2
1 539
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Есть способ попроще. Вы можете зарегистрировать трясогузку-крючок (о них читайте здесь: 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, чтобы они отображались, это ожидается?

PresidentNick 28.05.2020 20:41

Нет, вы захотите установить более высокий порядок, чтобы ваш CSS загружался под файлами .css. ИЛИ вы захотите убедиться, что используете одни и те же селекторы css (слишком большая специфичность css может привести к тому, что перезапись не будет работать должным образом, что приведет к чрезмерному использованию! Important)

Kalob Taulien 02.06.2020 19:55

"установить порядок на большее число" как мне загрузить мой файл css под файлами css администратора / изменить порядок?

PresidentNick 08.06.2020 19:43

Другие вопросы по теме