如何在CSS文件中引用可在Wagtail管理员中编辑的图像?
我正在设计一个具有FooPage.banner_image
字段的网页类型。在Wagtail管理员中,每个页面都可以编辑该字段;它描述了用于该页面的图像,作为横幅上的背景。
然后,该页面的页面样式需要使用横幅图像,并引用该特定图像的URL。我可以在CSS中编写什么参考,以便它将“此页面的banner_image
”作为URL?
答案 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