Wagtail 自定义管理

2024-06-20

我是 Wagtail 和 Django 开发的新手。如何更改 Wagtail 管理页面的颜色?根据一些问答,我可以通过 core.css 更改颜色,但是扫描代码需要很多时间。


有一个更简单的方法。您可以注册 Wagtail Hook(在此处阅读有关它们的信息:http://docs.wagtail.io/en/latest/reference/hooks.html http://docs.wagtail.io/en/latest/reference/hooks.html)。挂钩是向页面或操作添加附加属性或功能的方法。有时,挂钩会在操作之前或操作之后运行。在这种情况下,当将全局管理 css 添加到您的管理时,您将需要附加另一个 .css 文件。

这是我几周前为 Wagtail 2.1 编写的钩子片段。

"""Add custom .css hook"""
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"))

添加后,您只需要确保/static/css/wagtail.css存在于你的静态目录中,你可以覆盖管理中的任何CSS。

了解如何在管理中覆盖样式的一个简单方法是:右键单击 -> 检查(Chrome、Firefox、Safari 等将支持此操作)。在你的Elements选项卡是查看所有 HTML 元素的一种方式,当您单击其中一个元素时,您可以看到与每个元素关联的所有样式和选择器。只需复制您要编辑的选择器并将其粘贴到新的选择器中即可wagtail.css file.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Wagtail 自定义管理 的相关文章

随机推荐

  • 如何使用 Python 在 Blender 2.61 中移动相机

    我正在寻找一个简单的脚本来使用 Python 在 Blender 2 61 中移动相机 我认为这将是一项简单的任务 但 Camera 对象没有像 loc 或类似的属性 我只在网上找到了 Blender 2 49 的脚本 但由于 Blende
  • jquery验证-等待远程检查完成

    当我打电话时 form valid 我连接了远程验证检查 一切正常 但是如果所有其他字段都有效 则表单会通过验证 因为远程检查没有 足够快 返回响应 有没有办法强制 jquery 验证等待任何远程检查完成或挂钩远程检查调用的完成事件 我目前
  • PHP严格标准:声明应该兼容

    我有以下类层次结构 class O Base class O extends O Base abstract class A Abstract public function save O Base obj class A extends
  • 如何获取每个StorageVolume的可用大小和总大小?

    背景 谷歌 悲伤 计划破坏存储权限 https www xda developers com android q storage access framework scoped storage 这样应用程序将无法使用标准文件 API 和文件
  • 是否有适用于 SQL Server Express 的 SQL Server Profiler? [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 是否有适用于 SQL Server Express 的 SQL Server Profiler 也许是开源的 或者也许只是一个可以帮助我查
  • std::to_string - 多个重载函数的实例与参数列表匹配

    counter is an int void SentryManager add std string name std shared ptr
  • 我在布局上看不到任何 FirebaseRecyclerAdapter 项目

    我试图将数据从 Firebase 数据库检索到我的布局 但我看不到任何项目FirebaseRecyclerAdapter在布局中 请帮忙 我按照一个教程展示了如何做到这一点 当我运行应用程序时 我没有看到任何项目 但我可以滚动 public
  • 从postgresql中的jsonb嵌套数组中删除键值对

    我有 jsonb 数据作为 a b 1 c 2 d 3 b 4 c 5 d 6 g b 1 c 2 d 3 b 4 c 5 d 6 我想从 a 和 g 键的嵌套数组中删除 c 键 是否有一个查询可以执行此操作 SELECT jsonb ob
  • 每 24 小时触发一次方法

    我正在尝试每天在给定时间触发一个方法 我尝试了一些方法 但我无法真正使其发挥作用 任何意见 将不胜感激 此外 如果无论应用程序是否打开它都会触发 那就更理想了 这可能吗 UI本地通知 http developer apple com lib
  • 列表框未使用绑定填充

    我正在尝试使用 mvvm 模式将现有程序转换为 c wpf 第一部分是选择要处理的文件的文件夹位置并填充列表框 我在这里找到了一个使用 Mvvm Light 的示例 WPF OpenFileDialog 与 MVVM 模式 https st
  • 如何在 Maven 2 中使用自定义注释处理器?

    在我们的企业应用程序中 我们正在寻求一种动态方式来从 Java 类收集数据 我们创建了一个自定义注释接口 interface 与一个name财产 我们希望从所有带注释的类中收集该属性的值 我设法创建了一个AnnotationProcesso
  • 如何将脚本作为 Travis CI 构建的一部分运行?

    作为 Python 包的一部分 我有一个脚本myscript py在我的项目的根源和 setup scripts myscript py in my setup py 我可以提供一个条目给我的 travis yml将会运行myscript
  • 如何将此“for”循环转换为向量解

    这个问题与 将嵌入其他文本的长州名称转换为两个字母的州缩写 https stackoverflow com questions 25582518 convert long state names embedded with other te
  • Android短音的正确播放方法?

    我正在创建一个应用程序 屏幕上将有多个图像 这些图像将是按钮 点击时会播放短促的声音 我对此进行了研究 只能找到我当前用来播放声音的方法 这似乎根本没有响应 我希望声音能够快速播放并且能够响应多次快速点击 我不确定这在 Android 中是
  • AngularFire 访问子元素方法

    我正在寻找一种方法来获取子元素的方法 而不是单独加载该元素 假设我有一个帖子模型 每个帖子都有评论 这就是我获取帖子模型的方式 var post firebase new Firebase FIREBASE URL posts post n
  • 如何为 cxf jax-rs 2.0 客户端注册 jackson json 提供程序?

    我有一个 JAX RS 客户端正在发出一个简单的 GET 请求 我使用 CXF 实现和 Spring 进行 DI 呼叫成功 我收到响应代码 200 但是在将响应读入 POJO 时出现错误 例外 2015 05 08 16 11 55 457
  • 如何获取基本表单中继承表单的大小?

    假设您有一个名为FormBase所有其他形式都继承自该形式 例如 我有public class Form formTest FormBase 我现在在 formTest 的 ctor 中拥有什么 public class Form form
  • 基于 JPA 注释生成 ERD(实体关系图)的工具

    我正在使用 ormlite 编写 java 代码 我想知道是否可以从代码中的 JPA 注释生成 ERD 基本上 我需要相反的情况 如何将基于实体的图转换为 JPA java 代码 https stackoverflow com questi
  • 如何使用 KClass 反射在 Kotlin 中区分类和接口

    我正在使用 Kotlins KClass 按名称查找类 如下所示 val i KClass lt gt Class forName SampleClass kotlin 但是 我想省略接口 到目前为止 我通过构造函数区分接口和类 val i
  • Wagtail 自定义管理

    我是 Wagtail 和 Django 开发的新手 如何更改 Wagtail 管理页面的颜色 根据一些问答 我可以通过 core css 更改颜色 但是扫描代码需要很多时间 有一个更简单的方法 您可以注册 Wagtail Hook 在此处阅