Question

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

Answer 1

有一种更简单的方法。您可以注册一个g尾钩（在此处了解其信息：http://docs.wagtail.io/en/latest/reference/hooks.html）。挂钩是向页面或操作添加其他属性或功能的方法。有时，在操作之前或之后执行挂钩。在这种情况下，当将全局admin css添加到您的admin中时，您将要附加另一个.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文件中即可。

Wagtail自定义管理员

1 个答案: