Skip to main content

Allgemein

Allgemein

Nachdem Sie einen Inhalt erstellt haben, werden Sie im Anschluss auf die Ansichts-Seite dieses weitergeleitet. Die bereits in Teilen beschriebene Aktionsleiste über dem eigentlichen Inhalt bietet neben den Optionen zum Bearbeiten, Löschen, oder Übersetzen des Inhaltstypen außerdem die Option das Layout anzeigen zu lassen. Hier wird es Ihnen, je nach Nutzerrolle und Berechtigung, ermöglicht, Layouts von Seiten von Grund auf neu anzulegen oder sie zu bearbeiten. Hierzu werden Seiten in Sektionen unterteilt, die verschiedene Blöcke enthalten. Änderungen können direkt in einer visuellen Vorschau vorgenommen werden. 

handbuch-layoutbuilder_0.webp

Layout speichern

Nachdem eine Seite mit dem Layout Builder bearbeitet wurde, müssen die Änderungen explizit gespeichert werden. Der Button „Layout speichern“ sichert alle Anpassungen und stellt sie für andere Nutzer sichtbar bereit. Solange die Änderungen nicht gespeichert wurden, bleiben sie temporär, und nur für Sie im Layout sichtbar.


Änderungen verwerfen

Falls eine Bearbeitung nicht wie gewünscht verläuft, gibt es die Möglichkeit, Änderungen rückgängig zu machen. Über „Änderungen verwerfen“ werden alle seit dem letzten Speichern vorgenommenen Änderungen entfernt. Falls bereits gespeichert wurde, kann eine frühere Revision (siehe nächster Punkt) wiederhergestellt werden.


Revisionen & Versionierung

Drupal speichert automatisch eine Revision jeder gespeicherten Version einer Seite, es sei denn, diese Funktion wurde manuell über die Checkbox „Neue Revision erstellen“ deaktiviert. Über den Button „Revisionen“ in der Aktionsleiste am Anfang der jeweiligen Seite kann man eine Liste aller früheren Versionen einsehen. Jede Revision zeigt an, wer die Änderung vorgenommen hat und wann sie gespeichert wurde. Falls eine frühere Version wiederhergestellt werden soll, kann eine ältere Revision als neue aktuelle Version veröffentlicht werden.

handbuch-revisionen_1 (1).webp

Vorlagen und Standardwerte

Für eine große Menge von Seiten, wie beispielsweise Studiengänge, Fakultäten, Services oder Veranstaltungen, wurden Vorlagen und Standardlayouts erstellt. Sollten Sie alle vorgenommenen Änderungen einer Seite auf diesen Standard zurücksetzen wollen, können Sie dies jederzeit über „Auf Standardwerte zurücksetzen“ tun. Dabei gehen jedoch alle Änderungen verloren.

Abschnitte

Abschnitte sind die grundlegenden Bausteine einer Seite und dienen als Container für Inhalte. Jeder Abschnitt kann ein bestimmtes Spaltenlayout haben, das für die Struktur der Seite verantwortlich ist.

handbuch-abschnitt.webp

Abschnitt hinzufügen

Um einen neuen Abschnitt hinzuzufügen, wählen Sie im Layout Builder „Abschnitt hinzufügen“. Anschließend können Sie zwischen verschiedenen Spaltenlayouts wählen. In den meisten Fällen wird das einspaltige Layout genutzt. Nur in speziellen Fällen kommen zwei oder drei Spalten zum Einsatz.


Abschnitt konfigurieren

Nach der Auswahl des Layouts oder der nachträglichen Bearbeitung eines Abschnitts, können Sie die Konfiguration des Abschnitts in drei Tabs des Layout Builders anpassen: „Layout“„Darstellung“ und „Einstellungen“.

Für das Layout gilt es Folgendes zu beachten: 

  • Wählen Sie den Standardtyp für alle Blöcke, mit Ausnahme von Hero-Elementen (Level 1 und 2) und CTA-Sektionen. Diese sollten auf die „Keine“-Option eingestellt werden.
  • Für mehrspaltige Layouts können Sie die Spaltenaufteilung für unterschiedliche Bildschirmgrößen (Desktop, Tablet, Mobile) anpassen. In der Regel genügt es, die Standardwerte zu übernehmen.

Welche Abstände Sie wählen, macht in der Regel keinen großen Unterschied, da die einzufügenden Blöcke inhärent über Abstände verfügen. Sollten Sie ein mehrspaltiges Layout gewählt haben, haben Sie außerdem die Option, die Aufteilung der Spalten für verschiedene Ausgabegrößen (Desktop, Tablet, Mobile) zu wählen. In den meisten Fällen genügt, die Standards zu übernehmen. Nur in Ausnahmefällen wird es nötig sein, das Layout anders aufzuteilen.

Zusätzlich zum Layout selbst, können Sie die Darstellung der Sektion ändern. Auch hier gilt in der Regel, dass die meisten Blöcke bereits vordefinierte Designs implementieren, sodass das nachträgliche Einstellen des visuellen Erscheinungsbildes nicht notwendig sein wird. Was Sie hingegen des Öfteren einstellen müssen, sind vermutlich die Hintergrundfarben. Wählen Sie hierzu unter „Darstellung“ > „Hintergrund“ die passende Hintergrundfarbe aus. Beachten Sie, dass die Sekundärfarbe Hellblau sich je nach gefolgtem Farbschema der Seite verändert. Hintergründe mit Schraffur stehen hier ebenfalls zur Verfügung.

Nach dem Konfigurieren haben Sie die Option den Abschnitt hinzuzufügen, oder diesen zu aktualisieren.


Abschnitt löschen

Nicht mehr benötigte Abschnitte können über den „x-Button“ auf der linken Seite des Browserfensters gelöscht werden. Nach einem Bestätigungsdialog wird der Abschnitt entfernt.


Ankerfunktion (nur für Bereichsadministrator*innen möglich)

Um einen Anker auf einer Webseite zu platzieren, der es den Nutzern ermöglicht, zu einem bestimmten Punkt der Seite zu springen, können folgende Schritte durchgeführt werden:

  1. Im Layoutmodus im entspechenden Block auf „Attribute verwalten“ klicken.

    attribute_verwalten.webp

    2. Im Anschluss auf „Attribute des Blocks“ klicken.

    attribute_des_blocks.webp

    3. Unter „ID“ entsprechend ein Stichwort zur eindeutigen Identifikation festlegen (jedes Stichwort darf nur einmalig je Seite vergeben werden).

    anker-id_einfuegen.webp

    4.  Aktualisieren und das Layout speichern.

     

    5. Im Anschluss ist der Anker erreichbar, indem man dem normalen Seitenlink ein #-Zeichen und das entsprechende Stichwort hinzufügt:

    Beispiel: www.uni-siegen.de/bereichsadministatorinnen-im-cms#fakultaeten

     

    6. Um festgelegte Anker nun ganz oben auf der Seite per Klick erreichbar zu machen, müssen die entsprechenden Anker-Links in einem separaten Block als Link-Texte oder Link-Buttons zur Verfügung gestellt werden.

    Beispiel:

    uebersicht_anker_bereichsadmins.webp

Blöcke - Inhalte innerhalb einer Sektion verwalten

Blöcke sind die eigentlichen Inhaltselemente innerhalb einer Sektion und können dementsprechend nach dem Hinzufügen einer Sektion in diesen platziert werden. Es wird generell empfohlen, logisch zusammenhängende Inhalte immer innerhalb einer einzigen Sektion zu gruppieren.

handbuch-block.webp

Blöcke hinzufügen

Nachdem Sie einen Abschnitt erstellt haben, können Sie in diesem Abschnitt einen neuen Block hinzufügen. Klicken Sie dazu einfach auf „Block hinzufügen“. Dies öffnet das Layout Builder Menü, in dem Sie eine Auswahl von Inhaltsblöcken angezeigt bekommen. Wählen Sie den gewünschten Block aus und konfigurieren Sie ihn nach Bedarf, bevor Sie ihn dem Abschnitt hinzufügen.

BlockDetails
AccordionAufklappbare Sektion zur Darstellung längerer Textsegmente
Check GridZweispaltige Anordnung einfacher Fakten in Textform
Contact Card With ImageKontaktinformationen kombiniert mit Bild
Contact DetailsDetaillierte Kontaktdaten mit Zeiten zur Erreichbarkeit, Telefon, E-Mail, Adresse (Post- und Besucheradresse), etc. und Link zur Kontaktseite/Lageplan
Contact Details CardDetaillierte Kontaktdaten in einer Liste mit Zeiten zur Erreichbarkeit, Telefon, E-Mail, Adresse, etc. im Card-Format
Contact Person DetailsDetaillierte Kontaktdaten einer oder mehrerer ausgewählten Personen
Contact Person SliderKurzprofile mit Kontaktdaten einer oder mehrerer ausgewählten Personen
Content TeaserVerlinkung auf verwandte Seiten, ergänzt durch Teaser-Text
CTA SectionAbschließender Bereich mit Links und Handlungsaufforderungen, z. B. Kontaktformular
Event SliderListe von Veranstaltungen mit Vorschauoption
Event Slider CuratedManuell zusammengestellte Veranstaltungs-Liste
Events SearchVeranstaltungsliste mit Filteroptionen
Facts SectionFaktenliste mit Icons und Zahlen
Faculty CardsKacheln mit Informationen zu Fakultäten
GallerySlider mit mehreren Bildern, z. B. für Newsartikel
HeroEinbindung von Hero-Elementen zur visuellen Akzentuierung (Verknüpfung mit Schaufenster)
Hero SecondaryEinbindung sekundärer Hero-Elemente in Kacheloptik (Verknüpfung mit Schaufenster)
Hero With Introtext And ImageEinfaches Hero-Element mit Bild, Text und optionalen CTAs
Hero With News Preview SliderEinbindung von Newsartikeln im Hero-Format (Verknüpfung mit Schaufenster)
ImageEin Bildblock mit optionaler Bildunterschrift
Institution CardsKacheln für universitäre Einrichtungen
LocationAdressen und Anfahrtsinformationen, inklusive Kartenintegration
Logo GridRaster zur Darstellung von Logos und Zertifizierungen
News SearchNews-Artikel mit Filtermöglichkeiten
News SliderListe von News-Artikeln mit Vorschauoption
News Slider CuratedManuell zusammengestellte News-Liste
Project PreviewVorschau-Liste von Forschungsprojekten
Publication PreviewVorschau-Liste von Publikationen
Quick Link GridSammlung von Buttons zur Navigation auf verwandte Seiten
Quick Link HighlightWie Quick Link Grid, aber mit Icons zur optischen Hervorhebung
Secondary CTAAlternative CTA-Sektion mit weiterführenden Links
Step-By-StepVisuelle Aufbereitung von Abläufen und Prozessen
Study Program BannerWechsel-Element auf Studiengangsseiten für Interessierte und Studierende
Study ProgramsListe aller Studiengänge mit Filtermöglichkeit
Testimonial Cards With Fun FactKachel-Format mit Kurzprofilen von Studierenden oder Alumni, inkl. Zitat und Fun Fact
TestimonialsErfahrungsberichte von Personen (Studium, Universität), inkl. Foto, Name und Position
Testimonials External SectionZitate aus externen Quellen wie z. B. Zeit Campus oder StudyCheck
Thematic CardsTeaser-Karten mit optionalem Bild, Icon und Links
Thematic Facts CardsKompakte Darstellung von Fakten mit Icons
TextEin einfacher Textblock
Text With Info BoxTextblock mit zusätzlicher Box für wichtige Hinweise oder Links
Top Study Programs SliderSlider mit hervorgehobenen Studiengängen
USP-FactsHervorgehobene Darstellung zentraler Fakten
WebformInteraktives Formular für Anfragen oder Kontaktaufnahme


Blöcke konfigurieren

Nach dem Hinzufügen eines Blocks haben Sie die Möglichkeit, diesen zu konfigurieren. Wenn Sie den Block nachträglich bearbeiten möchten, fahren Sie einfach mit der Maus über den Block. Es erscheint ein Kontext-Menü mit einem Stift-Button oben rechts im Block. Klicken Sie auf den Stift, um die Konfiguration des Blocks zu öffnen und anzupassen.

Sowohl beim Hinzufügen, als auch beim Konfigurieren eines Blockes haben Sie – ähnlich wie bei Abschnitten schon – auch die Möglichkeit, die Darstellung des Blocks zu ändern. Dies wird in der Regel nicht nötig sein, da die Blöcke größtenteils in der passenden Darstellung implementiert worden sind und demnach nur noch hinzugefügt werden müssen. In einzelnen Fällen, bspw. bei Bild-Blöcken kann es sein, dass Sie eventuell die Abstände zwischen Blöcken in einer Sektion anpassen wollen. Hier wird Ihnen dazu geraten, für „Abstände“ einen  „Innenabstand“ zwischen 32px bis 96px oben oder unten zu definieren. Dies sind die gängigsten Dimensionen im vordefinierten Design.


Blöcke neu anordnen

Nachdem Sie einen Block hinzugefügt haben, können Sie ihn innerhalb der Sektion oder auch in eine andere Sektion verschieben. Um dies zu tun, nutzen Sie einfach die Drag-and-Drop-Funktion: Ziehen Sie den Block an die gewünschte Position. Alternativ können Sie den Block auch über das Kontext-Menü an eine andere Stelle verschieben. So haben Sie volle Kontrolle über die Anordnung der Blöcke und können das Layout flexibel anpassen.


Blöcke löschen

Sollte ein Block nicht mehr benötigt werden, können Sie ihn ganz einfach löschen. Auch hier fahren Sie mit der Maus über den Block und klicken auf den Stift-Button. Im Kontext-Menü wählen Sie die Option „Löschen“, um den Block aus der Seite zu entfernen. Bestätigen Sie den Löschvorgang, wenn Sie dazu aufgefordert werden.


Blöcke wiederverwenden

Beim Hinzufügen oder Konfigurieren von Blöcken besteht immer die Möglichkeit, den Block als „Wiederverwendbar“ zu markieren, um ihn an einer anderen Stelle genau im gleichen Design wiederzuverwenden. Diese Möglichkeit bietet sich an, wenn ein Block 1zu1 auf anderen Seiten wiederverwendet werden soll. Beim Erstellen eines wiederverwendbaren Blockes muss darauf geachtet werden, dass der eingegebene Admin-Titel nicht mehr verändert werden kann. Wird kein Admin-Titel eingetragen, so wird der oben eingegebene Titel fixiert und ist ebenfalls nicht mehr veränderbar.

Änderungen am Block wirken sich auf alle Einheiten dieses wiederverwendbaren Blockes aus!

Den Block „Wiederverwendbare Blöcke“ findet man unter „Struktur“ > „Blöcke“ wieder und es kann auch nach dem Blocknamen gefiltert werden.

Details zu Blöcken und Feldern

Akkordeon

Ein aufklappbarer Bereich, mit dem sich längere Textsegmente ein- und ausblenden lassen. Besonders geeignet für FAQs, Anleitungen oder weiterführende Informationen, um eine kompakte Seitendarstellung zu ermöglichen.

handbuch-accordion.webp
FeldDetails
TitelDer Titel des Blocks, wie er den Nutzern angezeigt wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
Akkordeon-AbschnittDie Akkordeon-Abschnitte
- Titel des Akkordeon-AbschnittsTitel der Akkordeon-Sektion
- Inhalt des Akkordeon-AbschnittsInhalt der Sektion
- Ausgeklappt Anzeigen (Checkbox)Bestimmt, ob die Sektion standardmäßig aufgeklappt ist
Handlungsaufruf (CTA)Ein Link oder Button mit weiterführenden Informationen
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Check-Raster

Eine zweispaltige Auflistung von kurzen, einfachen Fakten in Textform. Sie ähneln in ihrem Design den USP-Facts, sind aber in ihrer Aufmachung etwas weniger auffällig. 

handbuch-check-grid.webp
FeldDetails
TitelDer Titel des Blocks, wie er den Nutzern angezeigt wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
Text

Liste mit Fakten

- Jeder Fakt muss im CKEditor („Text“-Feld) als Aufzählung, bzw. als Teil einer Aufzählungsliste markiert werden

- Über das „Style“ Menü wählen Sie dann zusätzlich zu „ul (Default)“, „ul (Check-Raster)“ aus

BreiteLegt die Spaltenanzahl für die Blockbreite fest (Standard: 12 Columns)
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Kontaktkarte mit Bild

Ein Block zur Darstellung von Kontaktinformationen in Kombination mit einem Bild. Ideal für allgemeine Kontaktdetails in bestimmten Bereichen, bspw. den Kontakt zur Pressestelle unter einem News-Artikel.

handbuch-contact-card-image.webp
FeldDetails
TitelDer Titel des Blocks, wie er den Nutzern angezeigt wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
IconDekoratives Icon auf der Card
KartentitelTitel der Karte
Text

Kontakinformationen

- Hier kann auf Templates zurückgegriffen werden, um bspw. die Icon-Text-Formate zu nutzen

Handlungsaufruf (CTA)Ein Link für weiterführenden Informationen
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
BildBild der Person, Institution, oder rein dekoratives Bild
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Kontaktdaten

Eine ausführliche Darstellung von Kontaktdaten, inklusive Telefonnummer, E-Mail-Adresse, physischer Adresse und einem Link zur Kontakt- oder Standortseite. Alle Angaben sind optional, mindestens die „Kontakt“-Sektion sollte allerdings ausgefüllt werden.

handbuch-contact-details.webp
FeldDetails
TitelTitel des Blocks, wie er den Nutzern angezeigt wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
KontaktEin Freitextfeld für beliebige Kontaktdaten, wie Telefon, E-Mail, Fax oder externe Links zu Websites
- Hier kann auf Templates zurückgegriffen werden, um bspw. die Icon-Text-Formate zu nutzen
- Die Überschrift für dieses Feld wird automatisch als „Kontakt“ ausgegeben
ÖffnungszeitenHier können Öffnungs- bzw. Sprechzeiten hinterlegt werden
- Die Überschrift für dieses Feld wird automatisch als „Kontaktzeiten“ ausgegeben
PostadresseErmöglicht das manuelle Hinterlegen einer Postadresse
- Die Überschrift für dieses Feld wird automatisch als „Postadresse“ ausgegeben
BesucheradresseErmöglicht das manuelle Hinterlegen einer Besucheradresse
- Die Überschrift für dieses Feld wird automatisch als „Besucheradresse“ ausgegeben
Weitere KontaktmöglichkeitHier können weitere Kontaktmöglichkeiten angegeben werden, um beispielsweise auf eine Standort- oder Kontaktseite mit weiteren Details weiterzuleiten
- Die Überschrift für dieses Feld wird automatisch als „Weitere Informationen“ ausgegeben
Link zur weiteren KontaktmöglichkeitHier kann ein Link zur zusätzlichen Kontaktoption hinterlegt werden
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Kontaktdaten-Karte

Die Kontaktdaten-Karte kann zur Darstellung von detaillierten Kontaktinformationen einer oder mehrerer Institutionen, Einrichtungen, Dienstleistungen, etc. genutzt werden.

handbuch-contact-details-card.webp
FeldDetails
TitelTitel des Blocks, wie er den Nutzern angezeigt wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
Karte 
- TitleTitel der Einrichtung, des Servicekategorien, etc. deren Kontaktdaten abgebildet werden
- BeschreibungOptionale Beschreibung der Einrichtung, des Servicekategorien, etc.
- KontaktEin Freitextfeld für beliebige Kontaktdaten, wie Telefon, E-Mail, Fax oder externe Links zu Websites
- Hier kann auf Templates zurückgegriffen werden, um bspw. die Icon-Text-Formate zu nutzen
- Die Überschrift für dieses Feld wird automatisch als „Kontakt“ ausgegeben
- ÖffnungszeitenHier können Öffnungs- bzw. Sprechzeiten hinterlegt werden
- Die Überschrift für dieses Feld wird automatisch als „Kontaktzeiten“ ausgegeben
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Kontaktperson-Details

Mithilfe dieses Blocks können detaillierte Kontaktinformationen von einer oder mehrerer ausgewählten Personen abgebildet werden. 

handbuch-contact-person-details_0.webp
FeldDetails
TitelTitel des Blocks, wie er den Nutzern angezeigt wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
PersonenprofileDie ausgewählte(n) Person(en)
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Kontaktperson-Teaser

Der Kontaktperson-Teaser Block dient dazu, Kurzprofile von ausgewählten Personen in einer kompakten Liste darzustellen.

handbuch-contact-person-slider.webp
FeldDetails
TitelTitel des Blocks, wie er den Nutzern angezeigt wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
LinkEin weiterführender Link, der oben rechts in der Sektion angezeigt wird, z. B. zur Übersicht aller Events
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
Teaser-DarstellungDer Art der Darstellung der Profile: 
- Standard / Keine Änderung – Horizontale Kurzprofile
- Slider Karten – Vertikale Kurzprofile
PersonenprofileDie ausgewählte(n) Person(en)
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Inhalt-Teaser

Eine auffällig aufbereitete Weiterleitung auf thematisch verwandte Seiten mit einem zusätzlichen Beschreibungstext als Teaser.

handbuch-content-teaser.webp
FeldDetails
TitelDer Titel des Blocks oder der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel sichtbar ist oder nicht
UntertitelEin optionaler Untertitel für zusätzliche Informationen
KartenEin Abschnitt für Card-Elemente innerhalb des Blocks
- SVGEin dekoratives Icon im SVG-Format für die Card
- TitelDie Überschrift innerhalb der Card
- TextDer Hauptinhalt der Card
- LinkEin optionaler Link für die Card
-- URLDie Zieladresse des Links
-- Link-TextDer sichtbare Text des Links
-- Link-Stil

Bestimmt das Erscheinungsbild des Links
- Button – Der Link wird als Button dargestellt
- Text – Der Link erscheint als einfacher Text-Link 
- Versteckt – Der Link ist unsichtbar, aber das gesamte Element wird verlinkt

 

FarbschemaErmöglicht die Auswahl eines Farbschemas für den Block
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

CTA-Sektion

Ein abschließender Abschnitt mit weiterführenden Links und Hilfestellungen, z. B. für Kontaktaufnahmen oder wichtige nächste Schritte. Dieser Block ist aufgrund seines prägnanten Erscheinungsbilds nur am Ende einer Seite, über dem Footer zu nutzen. Für einen ähnlich aufgebauten Block, welcher auch zwischen anderen Sektionen genutzt werden kann, empfiehlt sich der Block „Sekundärer Handlungsaufruf (CTA).

handbuch-cta-section.webp
FeldDetails
TitelDer Titel des Blocks oder der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel sichtbar ist oder nicht
UntertitelEin optionaler Untertitel für zusätzliche Informationen
BildEin Bild, das innerhalb der Sektion verwendet wird
Primärer Handlungsaufruf (CTA)Die primäre Call-to-Action-Schaltfläche für die Sektion
- URLDie Zieladresse des primären Call-to-Action-Links
- Link-TextDer sichtbare Text für den primären Call-to-Action-Link
Sekundärer Handlungsaufruf (CTA)Eine sekundäre Call-to-Action-Schaltfläche als ergänzende Option
- URLDie Zieladresse des sekundären Call-to-Action-Links
- Link-TextDer sichtbare Text für den sekundären Call-to-Action-Link
FarbschemaErmöglicht die Auswahl eines Farbschemas für den Block
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Einbettungscode

Der Einbettungscode-Block erlaubt die Einbettung eines Videos von YouTube oder Vimeo. 

handbuch-embedcode.webp
FeldDetails
TitelDer Titel des Blocks oder der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel sichtbar ist oder nicht
Untertitel/UntertitelEin optionaler Untertitel für zusätzliche Informationen
EinbettungscodeHier wird der Einbettungscode eines YouTube- oder Vimeo-Videos eingefügt. Den entsprechenden Code des Videos auf der jeweiligen Plattform abrufen (in der Regel ein iframe)
HandlungsaufrufEin optionaler Call-to-Action-Link
- URLDie Zieladresse des Call-to-Action-Links
- Link-TextDer sichtbare Text für den Call-to-Action-Link
BreiteLegt die Spaltenanzahl für die Blockbreite fest (Standard: 12 Columns)
FarbschemaErmöglicht die Auswahl eines Farbschemas für den Block
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Veranstaltungs-Übersicht

Bietet eine Liste aller Veranstaltungen, sowie vordefinierte Filtermöglichkeiten.

handbuch-event-search.webp
FeldDetails
TitelDer Titel des Blocks oder der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel sichtbar ist oder nicht
UntertitelEin optionaler Untertitel für zusätzliche Informationen
FarbschemaErmöglicht die Auswahl eines Farbschemas für den Block
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Veranstaltungsslider (kuratierte Auswahl)

Ein Slider mit Veranstaltungen, der ebenfalls als Preview, d.h. mit zwei vorangestellten Veranstaltungen mit einer Liste ausgegeben werden kann.  Es werden immer die neun neusten, relevanten Events ausgegeben.

handbuch-event-slider_1.webp
FeldDetails
TitelDer Titel des Blocks oder der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel sichtbar ist oder nicht
UntertitelEin optionaler Untertitel für zusätzliche Informationen
Als Karten mit Liste darstellen (Checkbox)Falls aktiviert, wird diese Ansicht zur Event Preview: Zwei Event-Cards werden auf der linken Seite angezeigt, während eine Liste mit weiteren Events auf der rechten Seite dargestellt wird
LinkEin weiterführender Link, der oben rechts in der Sektion angezeigt wird, z. B. zur Übersicht aller Events
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
FarbschemaErmöglicht die Auswahl eines Farbschemas für den Block
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Faktenbereich

Eine Liste mit prägnanten Fakten mit Icons zur visuellen Unterstützung.

handbuch-facts-section.webp
FeldDetails
TitelDer Titel des Blocks oder der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel sichtbar ist oder nicht
AbschnitteDie einzelnen Fakten-Kacheln, die innerhalb des Blocks dargestellt werden
- SVGEin dekoratives Icon, das zusammen mit dem Fakt ausgegeben wird
- Hervorgehobene ZahlDie hervorgehobene Zahl oder der zentrale Fakt in großer Schrift, z. B. „15.000+“
- TextErgänzender Text, der das Highlight näher beschreibt oder weiter erläutert, z. B. „Studierende“
FarbschemaErmöglicht die Auswahl eines Farbschemas für den Block
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Fakultätskarten

Die Faculty Card dient der Darstellung der wichtigsten Informationen über eine Fakultät. Sie werden nur auf der Seite zur Übersicht über die Fakultäten genutzt und leiten dann auf die jeweilige Fakultätsseite weiter.

handbuch-faculty-cards.webp
FeldDetails
TitelDer Titel des Blocks oder der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel sichtbar ist oder nicht
KartenDie einzelnen Karten innerhalb des Blocks, die Informationen zu den Fakultäten enthalten
- IconDas Logo oder Symbol der jeweiligen Fakultät
- UntertitelEine Kürzel, bzw. eine kurze Bezeichnung der Fakultät, z. B. „Fakultät I“, „Fakultät II“
- TitelDer vollständige Name der Fakultät
- TextHier können weitere Informationen wie Kontaktdaten hinterlegt werden
- Es können Templates verwendet werden, um z. B. das Icon-Text-Format in die Card zu integrieren
- LinkEin weiterführender Link zur Seite der jeweiligen Fakultät
-- URLDie Zieladresse des Links
-- Link-TextDer angezeigte Text für den Link.
FarbschemaErmöglicht die Auswahl eines Farbschemas für den Block
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

FAQ

Dieser Block zieht automatisch die im Inhaltstypen FAQ hinterlegten Fragen und Antworten zur jeweiligen Zielgruppe.

handbuch-faq.webp
FeldDetails
TitelDer Titel des Blocks oder der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel sichtbar ist oder nicht
UntertitelEin optionaler Untertitel zur Ergänzung des Haupttitels
Primärer Handlungsaufruf (CTA)Haupt-Call-to-Action für den Block
- URLDie Zieladresse des CTAs
- Link-TextDer angezeigte Text für den CTA-Link
ZielgruppeSteuert die passende Q&A für die Zielgruppe
- Die Zielgruppen-spezifischen Inhalte müssen zuvor in den Inhaltstypen hinterlegt werden
FarbschemaErmöglicht die Auswahl eines Farbschemas für den Block
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Galerie

Eine Liste von Bildern, welche ergänzend, bspw. unter News-Artikeln genutzt werden kann.
 

handbuch-galerie.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
Galerie BilderDie Bilder, die in der Galerie angezeigt werden sollen
- Hier können mehrere Bilder hochgeladen werden
- Die Reihenfolge der Bilder kann per Drag & Drop angepasst werden
BreiteLegt die Spaltenanzahl für die Blockbreite fest (Standard: 12 Columns)
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Hero

Nach dem Platzieren zieht dieser Block automatisch die Hero-Inhaltstypen für die passenden Schaufenster und Zielgruppen.

handbuch-hero_1.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Sekundärer Hero

Ähnlich wie der Hero, lädt auch dieser Inhaltstyp die Hero Secondary-Inhaltstypen für die passenden Schaufenster und Zielgruppen.

handbuch-hero-secondary.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Hero mit Einleitungstext und Bild

Hier lassen sich reguläre Hero-Elemente von Level 1 bis 3 mit einem Link erstellen. In der Regel sollten nur Level 2 und 3 genutzt werden, da für Level 1 die Hero-Inhaltstypen gedacht sind.

handbuch-hero-introtext_0.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
KartentypBestimmt die Darstellungsart des Hero-Blocks, zulässig sind Level 2 und 3
BildDas Hero-Bild, das im Block angezeigt wird
LinkEin optionaler Link, der mit einem Button verknüpft wird
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Hero mit News-Vorschau-Slider

Auch dieser Block lädt automatisch die passenden News-Artikel Inhalte nach Schaufenster und Zielgruppen.

handbuch-hero-news.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
KartentypBestimmt die Darstellungsart des Hero-Blocks, zulässig ist Level 1
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Bild

Ein einfaches Bild, welches frei platziert werden kann. Sofern eine Quelle hinterlegt ist, wird diese auch mit ausgegeben.

handbuch-image_0.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in welcher der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
BildDas Bild, das innerhalb des Blocks angezeigt wird
BildunterschriftDie Bildunterschrift, die unter dem Bild angezeigt wird
BildgrößeDefiniert die Größe des Bildes innerhalb des Blocks
- col md 2 bis 9 – Anzahl an Spalten innerhalb des Blocks, die das Bild einnimmt
- Optimized for Container – Das Bild streckt sich über die gesamte Blockbreite (12 Cols)
- Optimized for Container Fluid – Das Bild streckt sich in einem großen Container (> 12 Cols)
- SVG – Optimierte Darstellung für Grafiken in SVG-Formaten
LinkFalls gesetzt, wird das Bild mit der angegebenen URL verlinkt
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Infobanner

Dieses Banner-Element wird zur Hervorhebung wichtiger Informationen genutzt. Es kann optional einen weiterführenden Link auf eine Seite mit weiteren Informationen zum Sachverhalt enthalten, welcher entsprechend über CSS-Klassen gestyled werden sollte.
 

handbuch-info-banner.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
IconEin Icon zur dekorativen Unterstützung oder um die Aufmerksamkeit zu lenken
TextDie Informationen, die im Block angezeigt werden
Handlungsaufruf (CTA)Ein Link zu weiteren Informationen
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Institutionenkarte

Ähnlich wie die Fakultätskarten wird dieser Block auch nur auf der Seite zur Übersicht über die Fakutäten genutzt und leitet auf eine entsprechende Unterseite weiter.

handbuch-institution-card.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
KartenEin Container, der mehrere Card-Elemente enthält. Jede Card repräsentiert eine Institution oder Fakultät
- UntertitelEine Kürzel, bzw. eine kurze Bezeichnung der Fakultät, z. B. „Fakultät I“, „Fakultät II
- TitelDer volle Name der Institution
- TextHier können Kontaktdaten oder weitere Informationen hinterlegt werden
- Es kann auf Templates im CKEditor zurückgegriffen werden, um z. B. Icon-Text-Formate einzubinden
- LinkEin Link zur Seite der jeweiligen Institution oder Fakultät
-- URLDie Zieladresse des Links
-- Link-TextDer anzeigbare Text des Links
- BildEin ergänzendes Bild für die Institution, z. B. das Logo im PNG- oder JPG-Format
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Standort

Hier kann eine Anfahrt mit Map ausgegeben werden. Bei Bedarf auch mehrere angezeigte Standorte in einer Karte möglich.

handbuch-location.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
IconEin Icon, das als dekoratives Element auf der rechten Seite der Card angezeigt wird
TextHier kann die eigentliche Adresse oder ergänzende Informationen hinterlegt werden
HandlungsaufrufEin Button (CTA), der Nutzer zu weiteren Informationen oder einer bestimmten Aktion führt
- URLDie Zieladresse des Buttons
- Link-TextDer anzeigbare Text des Buttons
KartenadresseDie Adressdaten für die Karte und die Standortanzeige
- LandDas Land, in dem sich die Adresse befindet
- OrganisationName der Einrichtung oder Institution
- Vorname & NachnameOptional: Name einer Person, z. B. für Besucheradressen
- Straße, Hausnummer, Postleitzahl, OrtDie vollständige Anschrift
- GeopositionOptional: Koordinaten des Standorts (muss in der Regel nicht ausgefüllt werden)
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Logo-Raster

Das Logo-Raster dient zur Darstellung von Trust-Elementen wie Seigeln oder Logos von Partnern.

handbuch-logos.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
LogosEin Container für mehrere Logos
- LogoDas Logo als SVG-Datei
- LinkOptionale Verlinkung des Logos
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

News-Übersicht

Bietet eine Liste aller Newsartikel, sowie vordefinierte Filtermöglichkeiten.

handbuch-news-search.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

News-Slider (kuratierte Auswahl)

Ein Slider mit Newsartikeln, der ebenfalls als Preview, d.h. mit zwei vorangestellten Artikeln mit einer Liste ausgegeben werden kann. Es werden immer die neun neusten, relevanten News ausgegeben.

handbuch-news-slider.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
Als Karten mit Liste darstellen (Checkbox)Wenn diese Option ausgewählt ist, wird die Ansicht zur Event Preview. Dabei werden jeweils zwei Event Karten auf der linken Seite ausgegeben, und auf der rechten Seite erscheint eine Liste mit weiteren Events.
LinkEin weiterführender Link, der oben rechts in der Sektion ausgegeben wird. In diesem Fall kann der Link beispielsweise zur Übersicht aller News führen.
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Projektvorschau

Zwei Vorschaukacheln mit einer Liste von weiteren Forschungsprojekten. Auch diese Ansicht lädt automatisch relevante Projekte.

handbuch-project-preview.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
LinkEin weiterführender Link, der oben rechts in der Sektion ausgegeben wird. In diesem Fall kann der Link zur Übersicht aller News führen.
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Publikationsvorschau

Zwei Vorschaukacheln mit einer Liste von weiteren Veröffentlichungen. Auch diese Ansicht lädt automatisch relevante Veröffentlichungen.

handbuch-publication-preview.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
LinkEin weiterführender Link, der oben rechts in der Sektion ausgegeben wird. In diesem Fall kann der Link zur Übersicht aller News führen.
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Ein kompaktes Raster zur Darstellung einer großen Sammlung von weiterführenden Links.

handbuch-qucklink-grid.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
QuicklinksEine Liste von Links, die als Buttons ausgegeben werden
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Ähnelt in seiner Funktion dem Quick Link Grid, hebt allerdings jeden Link deutlich durch ein Icon hervor.

handbuch-qucklink-highlight.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
KartenEine Liste von Links, die als Icon mit Titel und Link ausgegeben werden
- SVGDas Icon, das die Karte visuell ergänzt
- TitelDie Überschrift des Links
- LinkDer eigentliche Link
-- URLDie Zieladresse des Links
-- Link-TextDer anzeigbare Text des Links
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Sekundärer Handlungsaufruf (CTA)

Ähnlich wie die CTA-Sektion bietet auch diese Sektion die Möglichkeit, auf weitere Informationen zu verweisen. Als weniger prägnante Variante kann sie, anders als die CTA Sektion, allerdings überall auf der Seite platziert werden.

handbuch-secondary-cta.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
BildDas ausgegebene Bild, das im Block dargestellt wird
TextDer Textinhalt dieses Blocks
Primärer Handlungsaufruf (CTA)Ein primärer Call-to-Action-Link
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
Sekundärer Handlungsaufruf (CTA)Ein sekundärer Call-to-Action-Link
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Service-Übersicht

Zeigt eine Liste aller verfügbaren Servicekategorien der Universität, inklusive vordefinierter Filtermöglichkeiten.

handbuch-services-overview.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
ZielgruppeBasierend auf der gewählten Zielgruppe werden die entsprechenden Servicekategorien für diese Zielgruppe im Block angezeigt
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Lageplan

Dieser Block ermöglicht das Hinterlegen eines Lageplans inklusive eines Download-Buttons zum Herunterladen der entsprechenden Grafik. Dieser Block wird derzeit ausschließlich auf Seiten von Standorten genutzt.

handbuch-site-plan.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
BildDer Lageplan, der im Block angezeigt wird
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Schritt-für-Schritt

Mit diesem Block wird eine visuelle Aufbereitung von Prozessen oder Anleitungen geboten.
 

handbuch-step-by-step.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
AusrichtungLegt fest, in welche Richtung die Liste der Schritte angezeigt wird
- Horizontal – Schritte werden nebeneinander angezeigt
- Vertical – Schritte werden untereinander angezeigt
SchritteEin Container, der mehrere Schritte enthält
- ÜberschriftDie Überschrift des jeweiligen Schritts
- TextDer eigentliche Text, der den Schritt näher beschreibt
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Studiengang-Banner

Dieser Block wird auf Studiengangseiten genutzt und ermöglicht Wechsel zwischen Ansichten für Studieninteressierte und Studierende, und damit verbundenen relevanten Informationen.
 

handbuch-study-program-banner.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
TextEin zusätzlicher Text, der im Block angezeigt wird
HandlungsaufrufEin Link, der Nutzer zu weiteren Informationen oder einer bestimmten Aktion führt
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Studiengang-Übersicht

Zeigt eine Liste aller verfügbaren Studiengänge mit vordefinierten Filtermöglichkeiten.

handbuch-study-programs.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Testimonial mit Fun-Fact

Stellt eine Liste von Karten mit Kurzprofil von Studierenden oder Alumni, inklusive Fun Fact und Zitat dar.

handbuch-testimonials-fun-fact.webp

FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
LinkEin ergänzender Link, der oben rechts im Block ausgegeben wird und auf weiterführende Inhalte oder Seiten verweist
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
KartenEin Container für mehrere Testimonial-Profile
- BildDas Bild der Person (z. B. Porträt)
- Profile NameDer Name der Person
- Profile DetailsInformationen zur Person, z. B.: Was studiert die Person? Wo arbeitet sie jetzt?
- SVGEin optionales Icon (SVG), das für das Highlight verwendet wird
- Highlight TextÜberschrift der „Fun Fact“ oder das relevante Detail zur Person
- Highlight DetailsWeitere Details der „Fun Fact“ oder das relevante Detail zur Person
- TextDas eigentliche Testimonial
- Der Text sollte im CKEditor als Zitat markiert werden
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Testimonials

Testimonials zeigen Erfahrungsberichte, bspw. von Studierenden, Mitarbeitern, Alumni, etc., inklusive Foto, Name und Position.

handbuch-testimonials.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
LinkEin ergänzender Link, der oben rechts im Block ausgegeben wird und auf weiterführende Inhalte oder Seiten verweist
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
Testimonial ListeEin Container für mehrere Testimonials
- BildDas Bild der Person (z. B. Porträt)
- TextDas eigentliche Testimonial
- Der Text sollte im CKEditor als Zitat markiert werden
- Profil NameDer Name der Person
- Profil DetailsInformationen zur Person, z. B.: Was studiert die Person? Wo arbeitet sie jetzt?
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Externe Testimonials

Externe Testimonials stellen kurze Zitate aus externen Quellen wie Zeit Campus oder StudyCheck dar.

handbuch-testimonials-external.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
KartenEin Container für mehrere Testimonial-Karten
- LogoDas Logo des Unternehmens, der Institution oder Einrichtung
- TextDas eigentliche Testimonial. Der Text sollte im CKEditor als Zitat markiert werden
- SourceEine kurze Quellenangabe, idealerweise mit Datum
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Text

Der Text Block dient der simplen Darstellung von Text. Die Formatierung kann innerhalb des Blocks mit dem CKEditor angepasst werden.

handbuch-text.webp


FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
TextDer Inhalt bzw. Text des Blocks
Handlungsaufruf (CTA)Ein Link, der Nutzer zu weiteren Informationen oder einer bestimmten Aktion führt
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
BreiteLegt die Spaltenanzahl für die Blockbreite fest (Standard: 12 Columns)
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Text mit Info-Box

Dieser Block bietet eine alternative Darstellung von Textpassagen, und kann rechts mit einer Info-Box versehen werden, welche kurze Key Facts aufzählt, und/oder mit HIlfe von Links auf weitere Informationen verweisen kann.

handbuch-text-info-box.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
TextDer Inhalt bzw. Text, der auf der linken Seite des Blocks angezeigt wird
Info-BoxDie Info-Box auf der rechten Seite
- Hier muss eins der Templates genutzt werden
- Info-Block ListeEine Liste von Stichpunkten
- Info-Block Icon mit CTAEine Teaser-Card, die auf eine andere Seite verweist
- Info-Block List mit CTAEine Icon-Liste mit Call-to-Action (CTA) unter der eigentlichen Info-Box
 Die Info-Boxen können im CKEditor je nach Belieben angepasst werden, z. B. kann der CTA-Button entfernt werden
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Thematische Karten

Diese Card-Formate ähneln den Content Teasers. Allerdings sind sie visuell etwas aufwendiger gestaltet und bieten viele Variationen in ihrem Erscheinungsbild.

handbuch-thematic-card.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
Karten-StilCSS-Klassen zur Gestaltung der Karten. Mehrfachauswahl möglich
Karten auf [...]Definiert, wie viele Karten in einer Reihe für die entsprechenden Endgeräte (z. B. Desktop, Tablet, Mobile) angezeigt werden sollen
LinkEin ergänzender Link, der oben rechts im Block ausgegeben wird und auf weiterführende Inhalte oder Seiten verweist
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
KartenEin Container für mehrere Karten
- BildDas Bild, das auf der Karte angezeigt wird
- IconEin ergänzendes Icon zur visuellen Unterstützung
- TitelDie Überschrift der Karte
- TextEin ergänzender Text, der auf der Karte angezeigt wird
- LinksEin oder mehrere Links, die auf weitere Inhalte verweisen
-- URLDie Zieladresse des Links
-- Link-TextDer anzeigbare Text des Links.
- CTAEin Button (Call-to-Action), der auf weitere Inhalte verweist
-- URLDie Zieladresse des Buttons
-- Link-TextDer anzeigbare Text des Buttons
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Thematische-Fakten-Karten

Visuell sind diese Blöcke aufbereitet wie Thematic Karten, bieten aber primär eine Möglichkeit, Listen ansprechend zu visualisieren und anschließend auf eine weiterführende Seite weiterzuleiten.

handbuch-thematic-facts.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
LinkEin ergänzender Link, der oben rechts im Block ausgegeben wird und auf weiterführende Inhalte oder Seiten verweist
- URLDie Zieladresse des Links
- Link-TextDer anzeigbare Text des Links
Card StyleCSS-Klassen zur Gestaltung der Karten. Mehrfachauswahl möglich
Karten on [...]Definiert, wie viele Karten in einer Reihe für die entsprechenden Endgeräte (z. B. Desktop, Tablet, Mobile) angezeigt werden sollen
KartenEin Container für mehrere Karten
- BildDas Bild, das auf der Karte angezeigt wird
- IconEin ergänzendes Icon zur visuellen Unterstützung
- UntertitelEin ergänzender Text auf der Karte
- TitleDie Überschrift der Karte
- Fact ListEine Liste, bestehend aus einzelnen Fakten mit zugehörigen Icons
-- IconDas visuell stützende Icon für den jeweiligen Fakt
-- TitleDer jeweilige Fakt als Text
- CTAEin Button (Call-to-Action), der auf weitere Inhalte verweist
-- URLDie Zieladresse des Buttons
-- Link-TextDer anzeigbare Text des Buttons
-- Link-StilDefiniert die Darstellungsart des Links:
- Versteckt – Die Karte ist verlinkt, aber der Link ist nicht offensichtlich sichtbar
- Button – Der Link wird als Button angezeigt
- Text – Der Link wird als Text-Link angezeigt
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Informationshub Bibliothek

Hub, in dem verschiedene Services und Leistungen der Universitätsbibliothek übersichtlich verknüpft werden können.

infohub.webp

Top Studiengänge Slider

Ein Slider, der als Übersicht dient und ausgewählte Studiengänge in den Fokus stellt. Er wird derzeit ausschließlich auf der Übersichtsseite der Studiengänge genutzt.

handbuch-study-programs-slider.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
StudiengängeHier kann eine Liste von Studiengangseiten hinterlegt werden
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

USP-Fakten

Die USP-Fakaten dienen der Hervorhebung wichtiger Alleinstellungsmerkmale einer Instution, Einrichtung oder Dienstleistung.

handbuch-usp-facts.webp
FeldDetails
TitleDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird.
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht.
UntertitelEin optionaler Untertitel für den Block.
LinkEin weiterführender Link, der oben rechts in der Sektion ausgegeben wird.
USP-SpaltenDie Sektion besteht aus zwei Spalten, in denen jeweils Inhalte dargestellt werden.
- IconEin Icon, das über der Spalte angezeigt wird.
- TitelDer Titel über der jeweiligen Spalte.
USP-KartenDie Karten, die innerhalb jeder Spalte angezeigt werden.
- IconEin schmückendes Icon auf der Card.
- TitleDie Fakt oder das Statement auf der Card.
- TextEin beschreibender, erläuternder Text zur Fakt auf der Card.
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks.
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden.

Webformular

Ein Kontaktformular, welches zuvor zusammengestellt wurde, und nur noch auf der richtigen Seite platziert werden muss.

handbuch-webform.webp
FeldDetails
TitelDer Titel des Blocks bzw. der Sektion, in der der Block verwendet wird
Titel anzeigen (Checkbox)Bestimmt, ob der Titel über dem Block angezeigt wird oder nicht
UntertitelEin optionaler Untertitel für den Block
BildEin schmückendes Bild, das an der rechten Seite des Formulars angezeigt wird
WebformularAuswahl aus vorgefertigten Formularen, die in diesem Block angezeigt werden sollen
Webformular EinstellungenBestimmt den Status des Formulars: Geöffnet, Geschlossen oder Zeitgesteuert (automatisches Öffnen/Schließen zu bestimmten Zeiten)
FarbschemaErmöglicht die Anpassung des Farbschemas des Blocks
Wiederverwendbar (Checkbox)Falls aktiviert, kann der Block an anderen Stellen erneut genutzt werden

Bedingte Worttrennung

In allen Textfeldern, sowohl in Inhaltstypen, als auch in Blöcken im Layout Builder, lassen sich Wörter benutzerdefiniert, und damit bei Zeilenumbrüchen kontrolliert, trennen. Dies ist besonders für Überschriften wichtig, da hier lange Worte aus den Blöcken ragen können und so das visuelle Gesamtbild stark beeinträchtigen. Der bedingte Trennstrich, auch Softhyphen genannt, ist also vor allem für die Titel-Felder in Blocktypen sehr praktisch.

So funktioniert's

Auf Windows, unter Verwendung von Alt Code (Zifferntastatur): 

  1. Vergewissern Sie sich, dass die Num-Taste aktiviert ist.
  2. Klicken Sie in dem Textfeld an die Stelle, an der Sie einen bedingten Trennstrich einfügen wollen.
  3. Halten Sie die Alt-Taste gedrückt.
  4. Geben Sie auf dem Ziffernblock ein: 0173
  5. Lassen Sie die Alt-Taste los - ein bedingter Trennstrich wird eingefügt, den Sie im Textfeld selbst allerdings nicht sehen können.

Auf MacOS:

  1. Vergewissern Sie sich, dass Sie unter Systemstellungen > Tastatur unter „Beim Drücken der ...-Taste" „Emojis & Symbole anzeigen“ ausgewählt haben.
  2. Klicken Sie in dem Textfeld an die Stelle, an der Sie einen bedingten Trennstrich einfügen wollen.
  3. Betätigen Sie Ctrl+Command+Space, ein kleines Modal sollte auftauchen, in welchem Sie nun eine Vielzahl von Emojis, Symbole und Sonderzeichen suchen können.
    Achtung: Empfohlen wird, nicht das kleine Vorschaumodal zu nutzen, sondern über dieses in die Zeichenübersicht zu öffnen. Dies gelingt über das Icon oben rechts in dem Modal.
  4. Geben Sie im Suchfeld „Soft Hyphen" ein.
  5. Ihnen sollte ein zunächst normal wirkender Bindestrich angezeigt werden, wählen Sie ihn aus. 
    Wenn Ihnen in der Zeichenübersicht, anders als bei anderen Emojis oder Symbolen, in der Vorschau rechts nichts angezeigt, haben Sie das richtige Zeichen gefunden.
  6. Ein bedingter Bindestrich wird eingefügt, wenn Sie im Textfeld nicht sehen können, haben Sie alles richtig gemacht.

 Zur Überprüfung des Wortumbruchs können Sie nun die entsprechende Seite mit Hilfe Ihres Browserfensters verkleinern.

Sie können auch die HTML-Struktur überprüfen (drücken Sie F12 und suchen Sie das bearbeitete Element), dann sehen Sie so etwas:

<h2>Jetzt für's Studium ein&shy;schreiben</h2>

Das &shy; stellt hier Ihren bedingten Bindestrich dar.