Django 管理界面主题?

Django 管理界面主题?,django,wagtail,wagtail-streamfield,Django,Wagtail,Wagtail Streamfield,我想知道管理员界面的主题有多大?我偶然发现了这一点,它似乎在谈论一些选择 这与django管理默认界面相比有了很大的提升,但我想知道是否有人知道替代者数量有所下降 例如,我最讨厌的是内容框的大小 见附件。身体的大小是由数据模型驱动的,我不知怎么搞砸了?还是我还遗漏了什么?是的,这是可能的。就我所知,公开的主题并不多。我修改了大多数客户机的默认主题。这不是一次全面的检修,只是为了让我们的客户觉得这是一次更加品牌化的体验 首先,您需要安装Wagtail样式指南 INSTALLED_APPS = (

我想知道管理员界面的主题有多大?我偶然发现了这一点,它似乎在谈论一些选择

这与django管理默认界面相比有了很大的提升,但我想知道是否有人知道替代者数量有所下降

例如,我最讨厌的是内容框的大小


见附件。身体的大小是由数据模型驱动的,我不知怎么搞砸了?还是我还遗漏了什么?

是的,这是可能的。就我所知,公开的主题并不多。我修改了大多数客户机的默认主题。这不是一次全面的检修,只是为了让我们的客户觉得这是一次更加品牌化的体验

首先,您需要安装Wagtail样式指南

INSTALLED_APPS = (
    ...
    'wagtail.contrib.styleguide',
)
您可以在此处阅读有关样式指南的更多信息:

然后你就可以进入你的管理>设置>样式指南(链接看起来像这样:)

然后,我要做的是右键单击要设置样式的部分,在浏览器中单击“检查”,然后查看要编辑的元素和样式。这似乎是最快的方式来风格你正在寻找的

在开始设计样式之前,您需要一个用于管理员的CSS文件。为此,我们可以使用挂钩

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"))
从django.contrib.staticfiles.templatetags.staticfiles导入静态
从django.utils.html导入格式\u html
从wagtail.core导入钩子
#为wagtail管理员注册自定义css文件。
@hooks.register(“insert\u global\u admin\u css”,order=100)
def global_admin_css():
“”“添加/static/css/wagtail.css。”“”
返回格式为html(“”,静态(“css/wagtail.css”))
您可以在此处阅读更多关于摇尾钩的信息:

加载主css文件后,这将在管理员页面的
中添加
元素

现在,您需要做的就是创建一个名为wagtail.css的新文件,确保它位于/static/css/目录(即/static/css/wagtail.css)中,并且可以覆盖所有样式。请记住参考样式指南


编辑:如果您想深入了解管理定制,我已经制作了一个关于这个主题的视频

谢谢,这非常有帮助。在这篇文章和我在原始帖子中链接的wagtail doc之间,我充分了解了如何让事情变得丑陋,这基本上是一个胜利,因为我可以修改页面上的几乎所有内容。现在,我只需要一个有品味的人来挑选颜色/标志等等。还有一个问题。文档中的最后一个小贴士:引用扩展组件。有人使用过它吗?或者有过使用它的经验吗?我还不需要使用React(在Wagtail管理中)做任何事情/谢谢你的帮助和建议。这会帮我解决大部分问题D