教程

教程

使用图标选择器

Gantry 5支持Font Awesome’s 的图标库构建到它的核心。这意味着任何使用gantry -power模板的人都有能力在你的页面上任何地方使用这些令人难以置信的矢量图标。

 

这些服务作为图像文件的轻量级替代品,可以在菜单选项中添加一个可视元素,或者在文本块中添加吸引眼球的重点。您可以将它们添加到粒子中,也可以将它们添加到主题的样式管理面板中,以便为您的站点添加易于配置的元素。

使用图标选择器

添加图标选择器到您的站点

图标选择器是Gantry 5输入。如果您想将其添加到主题或粒子中,则可以通过将管理输入分配为input.icon 在关联的YAML文件中。

下面是将一个图标选择器字段添加到粒子设置中所需的YAML代码示例,该设置随后会在粒子中提供给您。

icon:
  type: input.icon
  label: Icon
  description: Select the icon you would like to use.
  default: fa fa-rocket

这个领域的一个很好的例子就是To Top,它是Gantry 5核心的一部分。

你可以找到 totop.html.twig 和 totop.yaml 文件位于 ROOT/media/gantry5/engines/nucleus/particles/

在这里,你可以看到如何 input.icon 被添加到粒子中并用于其中。

说点什么...
取消
你是一个访客 ( 注册 ? )
作为一个访客
加载评论... 注释将在之后刷新 00:00.

第一个发表评论

joomlass-logo31.png

Search