4

我想知道管理界面的主题化程度如何？我遇到了这个文档，它似乎在谈论一些选项。

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

例如，我的一个烦恼是内容框的大小。

见附件截屏。身体的大小是由数据模型驱动的吗？我搞砸了？或者还有什么我错过的吗？

4

1 回答 1

3

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

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

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

您可以在此处阅读有关样式指南的更多信息：http: //docs.wagtail.io/en/latest/contributing/styleguide.html

然后你就可以进入你的 admin > Settings > Styleguide （链接看起来像这样：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/ 目录中（即 /static/css/wagtail.css），并且您可以覆盖所有样式。请记住参考样式指南！

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

于 2018-07-23T21:41:23.883 回答