Bildkachel

Die Bildkachel ist ein seitenbreites Objekt. Es ermöglicht durch starke Hintergrundfarben kurze Texte hervorzuheben und mit einem Bild zu kombinieren.

Titel

Zusammenfassung: In diesem Beispiel wird die Abbildung links angezeigt, der Text rechts. Hintergrundfarbe ist Unirot.

Untertitel

 

Die Bildkacheln können eingesetzt werden, um Texte zu unterteilen. Mehrere Bildkacheln untereinander ergeben eine Kachelstruktur.

Bildkachel mit Bild rechts

In diesem Beispiel wird die Abbildung rechts angezeigt, der Text links. Hintergrundfarbe ist Schwarz.

Bildkachel mit freigestelltem Bild

In diesem Beispiel ist das Bild freigestellt, Hintergrundfarbe ist Grau. zusätzlich wurde ein Link mit einem individuellen Link-Label ergänzt.

Zum Jahresbericht 2019

Anwendungsbereiche

Die Bildkachel eignet sich, um lange Texte zu unterteilen und um Sätze hervorzuheben. Typische Anwendungsfälle sind Zitate oder Testimonials.

Bildkachel hinzufügen

Einfügen von einem Bildkachel

Fügen Sie die Bildkachel über das Menü «Neu zu Ordner» ein. Die Bildkachel gehört nicht zu den Standardobjekten. Möchten Sie sie nutzen und ist sie in Ihrer Auswahl nicht vorhanden, kontaktieren Sie uns bitte.

 

Felder und Optionen

Bildkachel Optionen

Kurztitel

Wie bei jedem Objekt ist der Kurztitel die Bezeichnung, mit der ein Objekt im ZMS-Backend bezeichnet ist. Das Feld ist ein Pflichtfeld, der Kurztitel ist in der Bildkachel selbst nicht sichtbar.

Titel

Der Titel der Bildkachel wird als Titel auf der Textseite angezeigt. Das Feld ist ein Pflichtfeld.

Zusammenfassung

Im Feld «Zusammenfassung» wird der Text eingegeben, der neben dem Bild sichtbar wird. Das Feld sollte ausgefüllt werden, ist aber kein Pflichtfeld.

Untertitel

Der Untertitel wird unter der Zusammenfassung kursiv angezeigt. Ein Beispiel sehen Sie oben in der ersten Bildkachel. Der Untertitel ist fakultativ.

Bild

Die Abbildung ist wesentlich für die Bildkachel. Es handelt sich allerdings nicht um ein Pflichtfeld, ohne Abbildung wird in dem Bildbereich die Hintergrundfarbe angezeigt. Empfehlenswert ist eine Bildbreite von 612 px. Die optimale Bildhöhe hängt von der Textlänge ab. Bei den Beispielen oben sind die Bilder mit einer Bildhöhe von 420 px eingefügt worden.

WAI-Text

Der WAI-Text, auch Alt-Text wird als Tag dem Bild hinzugefügt. Screenreader können den Alt-Text lesen, so dass das Bild dadurch accessible ist. Bitte ergänzen Sie für alle Abbildungen immer aussagekräftige Alt-Texte, um die Accessibility zu gewährleisten. Das Feld ist kein Pflichtfeld, sollte aber ausgefüllt werden.

Hintergrundfarbe

Sie können aus den Hintergrundfarben Unirot, Schwarz, Grau und Weiss auswählen. Nutzen Sie mehrere Kacheln, können Sie mit verschiedenen Farben gestalten. Die Farbauswahl Weiterbildung darf nur im Bereich Weiterbildung genutzt werden. Wird keine Farbe ausgewählt, ist die Hintergrundfarbe Weiss.

Position Bild

In diesem Feld wird festgelegt, ob das Bild links oder rechts angeordnet wird. Ohne Auswahl wird das Bild links angeordnet. In der mobilen Ansicht wird die linke Spalte immer über der rechten Spalte angezeigt. Kontrollieren Sie die Position in der Vorschau, in der ZMS-Backend-Oberfläche wird das Bild immer links angeordnet.

URL, Linkziel, Weiterlesen

Die Bildkachel kann mit einem Link ergänzt werden. Links auf externe Websites und Applikation sollten in einem neuen Fenster öffnen, das lässt sich im Feld «Linkziel» definieren. Welcher Text im Link angezeigt wird, können Sie im Feld «Weiterlesen» festlegen. Das Einsetzen eines Links ist fakultativ.