我是 Wagtail 和 Django 开发的新手。如何更改 Wagtail 管理页面的颜色?根据一些问答,我可以通过 core.css 更改颜色,但是扫描代码需要很多时间。
有一个更简单的方法。您可以注册 Wagtail Hook(在此处阅读有关它们的信息:http://docs.wagtail.io/en/latest/reference/hooks.html 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
file.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)