Verwendung des Icon Pickers

Gantry 5 unterstützt die wachsende Symbolbibliothek von Font Awesome, die direkt in den Kern integriert ist. Das bedeutet, dass jeder, der eine Gantry-basierte Vorlage verwendet, die Möglichkeit hat, eines dieser unglaublichen Vektor-Icons überall auf Ihrer Seite zu verwenden.

Diese dienen als leichte Alternative zu Bilddateien, können einer Menüoption ein visuelles Element hinzufügen oder einem Textblock einen auffälligen Akzent verleihen. Sie können sie sowohl zu Partikeln als auch zu Feldern im Verwaltungsbereich Styles Ihres Designs hinzufügen, um ein einfach zu konfigurierendes Element zu Ihrer Website hinzuzufügen.

Verwendung des Icon Pickers

Hinzufügen des Icon Pickers zu Ihrer Website

Der Icon Picker ist ein Gantry 5 Input. Wenn Sie es zu Ihrem Thema oder Partikel hinzufügen möchten, würden Sie dies tun, indem Sie die administrative Eingabe als input.icon in der zugehörigen YAML-Datei zuweisen.

Hier ist ein Beispiel für den YAML-Code, der benötigt wird, um ein Icon Picker-Feld zu den Einstellungen eines Partikels hinzuzufügen, das Ihnen dann im Partikel zur Verfügung gestellt wird.

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

Ein großartiges Beispiel für dieses Feld in Aktion ist das To Top-Partikel, das Teil des Core-Partikelsatzes von Gantry 5 ist.

Sie finden die Dateien totop.html.twig und totop.yaml in ROOT/media/gantry5/engines/nucleus/particles/.

Hier sehen Sie genau, wie das Feld input.icon dem Partikel hinzugefügt und verwendet wird.