在CSS中引用可编辑的图像

时间:2018-01-08 03:27:15

标签: wagtail

如何在CSS文件中引用可在Wagtail管理员中编辑的图像?

我正在设计一个具有FooPage.banner_image字段的网页类型。在Wagtail管理员中,每个页面都可以编辑该字段;它描述了用于该页面的图像,作为横幅上的背景。

然后,该页面的页面样式需要使用横幅图像,并引用该特定图像的URL。我可以在CSS中编写什么参考,以便它将“此页面的banner_image”作为URL?

1 个答案:

答案 0 :(得分:0)

如果您需要模板之外的图片网址,请参阅有关Generating renditions in Python的文档。

要获取图像的URL,您需要生成一个再现,然后获取该再现的URL。

再现是在模板中传递调整大小规则(例如width-400)时生成的内容。

要获取网址,您可以使用以下示例代码:

image_url = FooPage.banner_image.get_rendition('fill-300x186').url

或者得到原文:

image_url = FooPage.banner_image.get_rendition('original').url