python - 更改 Wagtail 用户栏图标

Question

如何更改 Wagtail 用户栏图标？我想让它更加个性化，但我不知道怎么做，因为我是 Web 开发的新手。

鹡鸰用户栏图标

标签： pythondjangowagtail

Answer 1

您也可以插入一个 FontAwesome 图标，只需在您的 Django 应用程序模板文件夹之一中创建 HTML 页面wagtailadmin/userbar/base.html。这将覆盖 Wagtail 提供的 html。

然后在模板中删除对wagtail-icon CSS 类的调用，该类插入 Wagtail 徽标，并插入你的图标，在这种情况下是一个字体很棒的铅笔图标......

    <div class="wagtail-userbar-trigger" data-wagtail-userbar-trigger>
        <i class="fas fa-pencil-alt fa-2x"></i>
        <span class="wagtail-userbar-help-text">
        {% trans 'My personal admin interface' %}
        </span>
    </div>

以下是如何调整Fontawesome 图像的大小等，在这种情况下，fa-2x将铅笔的大小加倍。

Wagtails 内置的编辑图标可以通过像这样编辑div 类来使用...

<div class="wagtail-userbar-trigger wagtail-icon wagtail-icon-edit" data-wagtail-userbar-trigger>

不过，FontAwesome 方法提供了更多选项。

注意：如前所述，这会产生可维护性问题，但 IMO 可用性会因此更改而增加，因为大多数用户不了解 Wagtail CMS 是什么，或者单击鸟可能象征着什么。