管理界面主题?

问题描述 投票:2回答:1

我想知道管理界面是如何可用的?我遇到了这个doc,它似乎谈论了几个选项。

这是django管理员默认界面的巨大进步,但我想知道是否有人知道任何替代下降。

例如,我有一个宠儿小便是内容框的大小。

见附件screenshot。身体的大小是由数据模型驱动的,我以某种方式蠢蠢欲动?还是我错过了别的什么?

django wagtail wagtail-streamfield
1个回答
2
投票

是的,这是可能的。据我所知,公开的主题并不多。我修改了大多数客户的默认主题。这不是一次广泛的改革,而只是为了让我们的客户感觉更像品牌体验。

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

INSTALLED_APPS = (
    ...
    'wagtail.contrib.styleguide',
)

你可以在这里阅读更多关于风格指南:http://docs.wagtail.io/en/latest/contributing/styleguide.html

然后你就可以进入你的管理>设置>风格指南(链接看起来像这样:http://localhost:8000/admin/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"))

你可以在这里阅读更多关于Wagtail钩子的信息:http://docs.wagtail.io/en/latest/reference/hooks.html

在加载主css文件之后,这将在管理页面的<link />中添加<head>元素。

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

编辑:如果您想深入了解管理员自定义,我已经制作了关于此主题的视频。 https://www.youtube.com/watch?v=5flSOmcWGfk&list=PLMQHMcNi6ocsS8Bfnuy_IDgJ4bHRRrvub&index=44

© www.soinside.com 2019 - 2024. All rights reserved.