python - Wagtail 自定义管理

我是 Wagtail 和 Django 开发的新手。如何更改 Wagtail 管理页面的颜色？根据一些问答，我可以通过 core.css 更改颜色，但是扫描代码需要很多时间。

最佳答案

有一个更简单的方法。您可以注册一个 Wagtail Hook(在此处了解它们: http://docs.wagtail.io/en/latest/reference/hooks.html )。 Hook 是向页面或操作添加附加属性或功能的方法。有时一个钩子(Hook)在一个 Action 之前或一个 Action 之后运行。在这种情况下，当全局 admin css 被添加到您的 admin 时，您需要附加另一个 .css 文件。

这是我几周前为 Wagtail 2.1 编写的钩子(Hook)片段。

"""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 文件中即可。

关于python - Wagtail 自定义管理，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50115382/