Wagtail CMS样式覆盖

Question

我目前正在构建一个Wagtail管理，我有一个页面模型，在管理中，通过内联面板呈现一些嵌套的模型表单，允许用户添加内容。由于Wagtail的严格模板，嵌套模型中字段的一些verbose_names在UI中被截断。

因此，我正在尝试覆盖模板中的样式，以便verbose_names不再被切断。下面是截止点：

​

​

在这里，它没有被切断：

​

到目前为止，我已经使用了wagtail钩子，特别是insert_global_admin_css钩子，但是浏览器返回404，并且找不到文件。我不知道该把文件放在Wagtail的代码库中的什么地方，以便提取它并覆盖默认样式！

我的钩子实现：

​

@hooks.register('insert_global_admin_css', order=100)
def global_admin_css():
    return format_html(
        '<link rel="stylesheet" type="text/css" href="{}">',
        static('css/admin.css')
    )

​

并在浏览器中返回错误：

​

​

帮助!提亚

Answer 1

您没有向我们展示您的insert_global_admin_css钩子的实现--但是它是决定新的CSS文件应该放到哪里的代码！

下面是我的一个wagtail站点的例子：

@hooks.register("insert_global_admin_css", order=100)
def global_admin_css():
    """Add /static/admin_tweaks/wagtail.css."""
    return format_html('<link rel="stylesheet" href="{}">', static("admin_tweaks/wagtail.css"))