Einrichtung Icon-Liste

Redaktioneller Hinweis

Denken Sie bitte daran, dass es sich bei den Icons um Schriften handelt. Sie dienen nicht als optischer Schmuck, sondern sind starke ikonische Schriftkommunikationen, die dem Nutzer bei der Orientierung helfen. Sind diese Kommunikationen nicht exakt, führen Sie zur Desorientierung der Nutzenden. Als Vergleich können Ihnen Beschilderungen und Leitsysteme an Flughäfen dienen.

Flex-Inhalt

Sie können in der Icon-Liste eine Überschrift mit entsprechender Gliederungsstufe und einen Anker vergeben. Alle Angaben sind optional und können auch entfallen.
Informationen zum barrierefreien Einsatz der Gliederungsstufe finden Sie auf der Seite Digitale Barrierefreiheit in Imperia im Abschnitt “Strukturierter Inhalt”.
Die Verwendung von Ankern und Links auf Ankerziele finden Sie im Abschnitt Anker.

Sie können das ganze Flex-Modul zeitlich begrenzt anzeigen lassen, indem Sie die Start- und Stopp-Felder ausfüllen.
Eine Anleitung dazu finden Sie auf der Seite “Zeitversetztes Anzeigen von Seiten und Flex-Modulen” im Abschnitt Module und Blöcke zeitlich steuern

Zur Festlegung des Icons, Texts und ggf. eines Links, fügen Sie einen Block ein.

Icon-Liste im Edit

Block-Inhalt

Auf der linken Seite im Block können Sie das gewünschte Icon aus der vordefinierten Liste auswählen. Auf der rechten Seite können Sie auch ein anderes Font-Awesome-Icon festlegen.

Der Text zum Icon ist ein Pflichtfeld und muss zwingend ausgefüllt werden. Zusätzlich können Sie einen Link hinzufügen.

Da die Listenpunkte mithilfe von Blöcken angelegt werden, sind diese nachträglich auch in der Reihenfolge verschiebbar.

Die Icons werden immer in schwarzer Schriftfarbe angezeigt, egal ob der Text danach verlinkt ist oder nicht.

Optional können Sie für jeden Block noch eine Anzeigezeit per Start- und Stoppzeit vergeben.

Eine Anleitung dazu finden Sie auf der Seite “Zeitversetztes Anzeigen von Seiten und Flex-Modulen” im Abschnitt Module und Blöcke zeitlich steuern

Anderes Icon festlegen

Wenn Sie in der vordefinierten Liste nichts Passendes finden, dann können Sie auf der rechten Seite des Imperiablocks ein anderes Icon festlegen. Dazu müssen Sie als Erstes den Radiobutton auf “ja” stellen.

In das Feld “Anderes Icon” fügen Sie dann entsprechend den Code des Icons in der Form “fa-IconName” ein.

Beispiel:

• fa-address-book für das Icon “address-book”

In dem Link darunter finden Sie die entsprechenden IDs zu den Font-Awesome Icons. Hierbei ist die Free-Version von Fontawesome 5 für Imperia relevant.

Unterhalb des Links wird Ihnen dann eine Vorschau des gewählten Icons angezeigt.

Es kann sein, dass einige Icons nicht korrekt im Redaktionssystem angezeigt werden. Bitte prüfen Sie also vorab die Richtigkeit über die Vorschau der Seite.