Icons

Die Einbindung von Icons oder Piktogrammen ist denkbar einfach. Hierbei greifen wir auf die Icon-Bibliothek von FontAwesome zurück, bei der uns knapp 1.000 kostenfreie Icons zur Verfügung stehen.

Wie binde ich ein Icon innerhalb eines Datensatzes ein?

Für die Einbindung von Icons in Datensätzen verwenden wir den sogenannten "Unicode Identifier", der ein eindeutiger Code für das jeweilige Zeichen ist. Gehe zur Auswahl deines gesuchten Icons auf die Icon-Suche von Font Awesome und wähle unbedingt in der linken Leiste "Free" und "Solid" aus, um nur die verfügbaren Icons anzuzeigen. Dann kannst du nach dem passenden Icon suchen.

Klicke hier, um direkt zur Suche zu gelangen >>

Die Suche von Font Awesome im Überblick.

Hast du ein passendes Icon gefunden, klicke auf das Icon. Jetzt öffnet sich die Detailseite des Icons. Unterhalb des Titels findest du den Unicode-Identifier, der immer mit einem f beginnt und 4 Zahlen bzw. Buchstaben enthält. Du findest diesen direkt neben dem "Solid Style". Kopiere den Unicode und füge diesen in die Datensatz-Spalte unter "Icon" ein.

Die Detailseite von Font Awesome mit dem markierten Unicode.

Änderung von Icons in Überschriften

Bei den Überschriften wird ebenfalls die Bibliothek von Font Awesome eingesetzt, allerdings in der Ausführung "Regular". In diesem Fall wählst du also links in der Suche von Font Awesome anstelle Solid, Regular aus. Klicke hier, um die Suche direkt zu öffnen.

Im Anschluss öffnest du das Text-Modul der Überschrift, klickst in den Tab rechts auf "Vorlagen/Main" und scrollst herunter, bis du den Bereich "HIER DEN ICON CODE" findest. Dort fügst du wie bereits oben beschrieben, den Unicode des Icons nach dem Schrägstrich (\) ein. Fertig! :)

Zeigt den Bereich um den Icon-Unicode bei den Überschriften einzufügen.