将FontAwesome图标添加到StreamField。
项目描述
将FontAwesome 4.7图标添加到您的Wagtail项目中。
安装
pip install wagtailfontawesome
然后,将wagtailfontawesome添加到您的已安装应用中。
用法
StreamField
像往常一样将FontAwesome图标添加到StreamField,只需设置icon=”fa-something”即可。参考完整列表。
例如,在一个类块中使用fa-exclamation-triangle
class NoticeBlock(StructBlock):
message = RichTextBlock()
indicator = ChoiceBlock()
class Meta:
icon = 'fa-exclamation-triangle'
相同的块,但内联
notice = StructBlock([
('message', RichTextBlock()),
('indicator', ChoiceBlock())
], icon='fa-exclamation-triangle')
使用IconBlock
Wagtail FontAwesome包含一个下拉选择器,您可以使用它从可用选项中选择一个块。例如,
from wagtailfontawesome.blocks import IconBlock
class CardBlock(StructBlock):
icon = IconBlock()
title = CharBlock()
您负责在自己的页面上自行包含FontAwesome CSS。有关使用Wagtail FontAwesome实现此操作的说明,请参阅下面的“前端”部分。
模型管理器
ModelAdmin 支持使用 Wagtail 1.5 或更高版本。类似于 StreamField,只需在您的菜单项上设置 icon="fa-something" 即可。
管理后台的其他部分
您可以使用以下方式在管理后台的任何位置包含图标
<i class="icon icon-fa-something"></i>
在 Wagtail 1.3.x 及以下版本中,您只能在页面编辑器屏幕上使用图标。
在前端
您还可以在前端包含 CSS,并遵循 FontAwesome 的文档。
{% load wagtailfontawesome %}
{% fontawesome_css %}
这将生成等效的标记,如下所示
<link rel="stylesheet" href="{% static 'wagtailfontawesome/css/fontawesome.css' %}">
然后,您可以使用以下方式在前端任何位置包含图标
<i class="fa fa-something"></i>
作为可选依赖项使用 wagtailfontawesome
如果您想分发包含 FontAwesome 图标的 Wagtail 插件,您可以通过检查它是否在 Django 中安装,并在未安装的情况下回退,以此作为可选依赖项使用此包。
from django.apps import apps
try:
from wagtail.core.blocks import StructBlock
except ImportError: # fallback for Wagtail <2.0
from wagtail.wagtailcore.blocks import StructBlock
class BlockquoteBlock(StructBlock):
quote = TextBlock()
author = TextBlock()
class Meta:
if apps.is_installed('wagtailfontawesome'):
icon = 'fa-quote-left'
(在这种情况下,回退操作是不执行任何操作)
项目详情
下载文件
下载适用于您的平台的文件。如果您不确定选择哪个,请了解有关 安装包 的更多信息。
源代码分发
wagtailfontawesome-1.2.1.tar.gz (659.3 kB 查看哈希值)
构建分发
关闭
wagtailfontawesome-1.2.1.tar.gz 的哈希值
算法 | 哈希摘要 | |
---|---|---|
SHA256 | 6c1bd2d6061880848de6374ceb75d38a8c9b0debb1d4aef8a2fdc9d565a8f417 |
|
MD5 | e8c197054798e4167a8f313eda249d73 |
|
BLAKE2b-256 | 8bf3903c538de932c2f1389c87ba781df1653742fe68027fcdf4575d68e88e23 |
关闭
wagtailfontawesome-1.2.1-py2.py3-none-any.whl 的哈希值
算法 | 哈希摘要 | |
---|---|---|
SHA256 | 76b1c64c4f1042d468a83e4352f74b57bda4a4aa09cdfeeb8663dead5ed632be |
|
MD5 | 53294c9704283b423440e6d082c66cf4 |
|
BLAKE2b-256 | 6ffe0ebcfefd30e696ddb20ea866dd6416b5d362eb11461ad9a94bc0326f5040 |