RRZE Elements

Das Plugin „RRZE Elements Blocks“ ist eine Erweiterung für den Block-Editor und stellt verschiedene Gestaltungselemente im FAU-Design bereit.

Zu den enthaltenen Elementen gehören:

Accordion Block
Hinweis Block
Notice Block
Tabs Block
Handlungsaufruf Block
Einschub Block
Inhaltsbreite begrenzen Block
Textspalten Block
Infoleiste Block
Nachrichten Block

Der Accordion-Block

Der Accordion-Block dient dazu, Inhalte in einem zusammenklappbaren Format darzustellen, wodurch Sie Informationen auf kompakte und übersichtliche Weise präsentieren können.

Text

Text

Vermeiden Sie es, wichtige und kritische Informationen in Accordions zu verstecken. Wichtige Inhalte sollten immer direkt sichtbar sein. Setzen Sie Accordions nur ein, wenn unbedingt nötig. Der übermäßige Einsatz kann sich negativ auf die Benutzerfreundlichkeit auswirken. Besonders auf mobilen Geräte verliert man durch viele und verschachtelte Accordions schnell den Überblick.

Der Hinweis-Block

Der Hinweis-Block ist ein Element, das wichtige Informationen oder Nachrichten farblich visuell hervorhebt. Es stehen Ihnen fünf verschiedene Farben zur Verfügung.

Standardhinweis

Über die Blockeinstellungen können Sie weitere Farben auswählen:

Success/Erfolg

Info!

Warning/Warnung

Danger/Gefahr

Der Notice-Block

Damit Ihre Seitenbesucher immer den Überblick behalten, können Sie Absätze oder Texte mit Symbolen versehen. Der Notice-Block erzeugt eine Hinweisbox mit einem Icon, das aus einer Icon-Bibliothek ausgewählt werden kann.

Liste mit Varianten des Notice-Blocks
Liste mit Varianten des Notice-Blocks

Der Tabs-Block

Der Tabs-Block ermöglicht Ihnen eine strukturierte und platzsparende Darstellung von Inhalten. Besonders umfangreiche Informationen können hier in übersichtlichen Registerkarten organisiert werden können.

Dies verbessert die Benutzerfreundlichkeit, da Besucher schnell zwischen verschiedenen Inhalten wechseln können, ohne die Seite verlassen zu müssen.

Platz für Informationen

Platz für Informationen

Platz für Informationen

Der Handlungsaufruf-Block

Der Handlungsaufruf-Block oder auch Call-to-Action (CTA)-Block dient dazu, Benutzer zu einer bestimmten Handlung zu animieren, wie z.B. das Abonnieren eines Newsletters, das Herunterladen eines Dokuments oder das Buchen eines Events.

Er enthält in der Regel ansprechende Texte, die die Aufmerksamkeit der Leser auf sich ziehen und sie dazu ermutigen, die gewünschte Aktion auszuführen. Um klare Handlungsaufforderungen zu bieten, sollten Sie pro Seite maximal ein bis zwei CTA-Blöcke einsetzen.

CTA TitleCTA Untertitel

Der Einschub-Block

Der Texteinschub ermöglicht es, wichtige Informationen, Anmerkungen oder zusätzliche Details innerhalb eines bestehenden Textes hervorzuheben, ohne den Fluss des Haupttextes zu unterbrechen. Durch zwei Linien oberhalb und unterhalb des Einschubs, hebt dieser sich vom restlichen Text ab. Ideal für Zitate, Tipps oder Leitsätze.

Damit Ihr indess erkennt, woher dieser ganze Irrthum gekommen ist, und weshalb man die Lust anklagt und den Schmerz lobet, so will ich Euch Alles eröffnen und auseinander setzen, was jener Begründer der Wahrheit und gleichsam Baumeister des glücklichen Lebens selbst darüber gesagt hat. Niemand, sagt er, verschmähe, oder hasse, oder fliehe die Lust als solche, sondern weil grosse Schmerzen ihr folgen, wenn man nicht mit Vernunft ihr nachzugehen verstehe. Ebenso werde der Schmerz als solcher von Niemand geliebt, gesucht und verlangt, sondern weil mitunter solche Zeiten eintreten, dass man mittelst Arbeiten und Schmerzen eine grosse Lust sich zu verschaften suchen müsse. Um hier gleich bei dem Einfachsten stehen zu bleiben, so würde Niemand von uns anstrengende körperliche Übungen vornehmen, wenn er nicht einen Vortheil davon erwartete. Wer dürfte aber wohl Den tadeln, der nach einer Lust verlangt, welcher keine Unannehmlichkeit folgt, oder der einem Schmerze ausweicht, aus dem keine Lust hervorgeht?

Der Inhaltsbreite begrenzen-Block

Mit dem Inhaltsbreite begrenzen-Block kann die Breite von Inhalten mit einem Schieberegler justiert werden. Farbliche Markierungen zeigen an, ob Sie eine ideale Leselänge eingestellt haben.

Die Leselänge von Texten auf Webseiten ist wichtig, um die Benutzerfreundlichkeit zu verbessern und die Aufmerksamkeit der Leser zu halten. Texte mit idealen Leselängen sind leichter zu lesen und zu verstehen.

Leselänge 38 Zeichen mit Warnung
Leselänge 72 Zeichen mit idealer Leselänge
Leselänge 87 Zeichen mit zu langer Leselänge

Der Textspalten-Block

Mit dem Textspalten Block können Sie Texte oder Bilder in mehrere Spalten aufteilen. Wird der Platz zu eng, brechen die Spalten automatisch in die nächste Zeile um. Bis zu vier Spalten können hier dargestellt werden.

Textspaltenblock mit 2 Spalten

Der Info-Leiste-Block

Der Info-Leiste-Block dient der Anordnung mehrerer Blöcke in einer Reihe.

Begriff
Definition
15
Beschreibung
Begriff
Definition
24
Beschreibung

Es stehen Ihnen folgende Blöcke innerhalb der Info-Leiste zur Verfügung:

Infobox-Block

Mit dem Infobox-Block können Sie Begriffe kurz erklären und mit einem Icon aus der Icon-Bibliothek kombinieren.

Begriff
Definition


Zählerbox-Block

Im Zählerbox-Block können Sie eine Beschreibung und eine beliebige Zahl eingeben, bis zu der von 0 nach oben zählt wird.

15
Beschreibung
920
Beschreibung
1040
Beschreibung
1160
Beschreibung
1280
Beschreibung
1340
Beschreibung

Der Timeline-Block

Mittels des Timeline-Blocks können chronologische Informationen übersichtlicher, verständlicher und optisch ansprechender aufbereitet werden. Beispiele hierfür wären Projektverläufe, Meilensteine, Entwicklungen oder Events.

Der Nachrichten-Block

Mit dem Nachrichten-Block können Sie einzelne Beiträge innerhalb der Website anzeigen. In den Blockeinstellungen finden Sie verschiedene Darstellungsoptionen.