Zum Hauptinhalt springen

Wie funktionieren Text/Akkordeons und Media?

Diese Woche aktualisiert

Text oder Akkordeons + Media

image

Mit diesen Komponenten kannst du Text oder Akkordeons mit einem Medium kombinieren, zum Beispiel mit einem Bild.

So lassen sich Inhalte übersichtlich und visuell ansprechend darstellen.


Flexible Gestaltung

Für beide Komponenten stehen verschiedene Optionen und Einstellungen zur Verfügung.


Damit kannst du die Darstellung an deine Inhalte und dein Layout anpassen.


Mediaformate

image

Für die Darstellung von Medien stehen drei Formate zur Auswahl:

  • Hochformat
    Optimal für Porträtbilder.

  • Quadratisch
    Ein vielseitiges Format, ideal für Icons und Illustrationen.

  • Querformat
    Optimal für Videos.


Format später ändern

Du kannst das Mediaformat jederzeit anpassen, ohne dass deine hochgeladenen Medien verloren gehen.


Text und Media: Umgekehrte Reihenfolge

image

Mit dieser Option wird der Text links und das Bild oder Video rechts angezeigt.


Abwechslungsreiches Layout

Wenn du mehrere dieser Komponenten untereinander verwendest, kannst du die Option abwechselnd aktivieren und deaktivieren.

So wechseln sich Text und Bild links bzw. rechts ab, was das Layout lebendiger und abwechslungsreicher macht.

Noch mehr Wirkung entsteht, wenn du zusätzlich abwechselnde Hintergrundfarben verwendest.


Text und Media: Text

image

Vergib eine Überschrift und füge anschließend den Text in das vorgesehene Feld ein.


Text formatieren

Für den Text stehen folgende Formatierungen zur Verfügung:

  • Fett und kursiv

  • Aufzählungen oder nummerierte Listen


Farben verwenden

Du kannst:

  • den gesamten Text

  • oder einzelne Wörter

farblich hervorheben.


Links einfügen

Im Text kannst du auch Links hinterlegen.

Dabei kannst du festlegen, ob sich der Link:

  • im gleichen Fenster (Standard)

  • oder in einem neuen Fenster

öffnet.


Text und Media: Button

image

Du kannst festlegen, was passieren soll, wenn jemand auf den Button klickt.

Folgende Optionen stehen zur Verfügung:

  • Link
    Führt zu einer internen oder externen Seite.

  • E-Mail
    Öffnet eine E-Mail an eine hinterlegte Adresse.

  • Auto-Scroll zu den Stellenangeboten
    Springt direkt zur Jobliste.

  • Zur Komponente scrollen
    Scrollt zu einer bestimmten Komponente auf der Seite.

  • Sich auf eine Stelle bewerben
    Öffnet direkt eine aktive Stellenanzeige.


Buttonfarbe anpassen

Du kannst außerdem die Farbe des Buttons individuell einstellen.


Text und Media: Mediatyp & Optionen

image

Lege zuerst das Medienformat fest und wähle anschließend den Medientyp.


Bild oder Galerie

Du kannst ein oder mehrere Bilder hinzufügen.
Wenn du mehrere Bilder hochlädst, wird automatisch eine Galerie erstellt.

Optional kannst du einstellen:

  • Schleife (Bilder wiederholen sich)

  • Autoplay (Bilder wechseln automatisch)


Video (MP4)

Du kannst ein Video im MP4-Format hochladen.
Für diese Variante ist keine Cookie-Zustimmung notwendig.


YouTube oder Vimeo

Alternativ kannst du ein YouTube- oder Vimeo-Video über einen Link einbinden.

Hinweis: Dafür ist eine Cookie-Zustimmung erforderlich.


Standortkarte

Du kannst außerdem eine Karte mit dem Standort deines Unternehmens anzeigen.


Text und Media: Bildeffekte

image

Für Medien kannst du zusätzliche Bildeffekte aktivieren.
Diese stehen für alle Medientypen außer der Standortkarte zur Verfügung.


Farbverlauf

Der Farbverlauf legt einen diagonalen Farbverlauf über das Bild.

  • sorgt für mehr visuelle Wirkung

  • kann mit zwei Unternehmensfarben gestaltet werden

  • die Transparenz lässt sich über einen Schieberegler einstellen

So kannst du einen Farbverlauf erstellen, der zu deinem Corporate Design passt.


Dunkler Overlay

Ein dunkler Overlay dunkelt das Bild leicht ab.
Dadurch bleiben Überschrift und Text besser lesbar.

Du kannst einstellen:

  • Farbtemperatur (kalt ↔ warm)

  • Transparenz des Overlays

Verwende weiße Schrift, damit Überschrift und Text gut lesbar bleiben.


Text und Media: Hintergrund

image

Du kannst die Hintergrundfarbe für die gesamte Komponente anpassen.


Hinweis zur Lesbarkeit

Wenn du die Hintergrundfarbe änderst, solltest du auch prüfen, ob:

  • die Farbe der Überschrift

  • die Textfarbe

  • die Buttonfarbe

noch gut sichtbar und lesbar sind.


Akkordeons und Media: Umgekehrte Reihenfolge

image

Mit dieser Option wird der Text links und das Bild oder Video rechts angezeigt.


Abwechslungsreiches Layout

Wenn du mehrere dieser Komponenten untereinander nutzt, kannst du die Option abwechselnd aktivieren und deaktivieren.

So wechseln sich Text und Bild links bzw. rechts ab, was das Layout abwechslungsreicher macht.

Noch mehr Wirkung entsteht, wenn du zusätzlich unterschiedliche Hintergrundfarben verwendest.


Headline vergeben und Akkordeons hinzufügen

image

Vergib zuerst eine Überschrift für das Akkordeon-Element.

Die Überschrift kannst du fett oder kursiv formatieren.


Akkordeon-Inhalt

image

Füge im Akkordeon eine Überschrift und einen Text hinzu.


Text formatieren

Für den Text stehen folgende Formatierungen zur Verfügung:

  • Fett und kursiv

  • Aufzählungen oder nummerierte Listen


Farben verwenden

Du kannst:

  • den gesamten Text

  • oder einzelne Wörter

farblich hervorheben.


Links einfügen

Im Text kannst du auch Links hinterlegen.

Dabei kannst du festlegen, ob sich der Link:

  • im gleichen Fenster (Standard)

  • oder in einem neuen Fenster

öffnet.


Akkordeon-Button

image

Jedes Akkordeon-Element kann optional um einen Button erweitert werden.


Buttonfunktion festlegen

Du kannst bestimmen, was beim Klick auf den Button passiert.

Folgende Optionen stehen zur Verfügung:

  • Link
    Führt zu einer internen oder externen Seite.

  • E-Mail
    Öffnet eine E-Mail an eine hinterlegte Adresse.

  • Auto-Scroll zu den Stellenangeboten
    Springt direkt zur Jobliste.

  • Zur Komponente scrollen
    Scrollt zu einer bestimmten Komponente auf der Seite.

  • Sich auf eine Stelle bewerben
    Öffnet direkt eine aktive Stellenanzeige.


Buttonfarbe anpassen

Du kannst außerdem die Farbe des Buttons individuell einstellen.


Benutzerdefinierte Farben

image

Standardmäßig sind die Akkordeon-Elemente weiß, der Text schwarz und der Button nutzt die Highlight-Farbe. Diese Farben kannst du individuell anpassen.

Wann ist das sinnvoll?

Eine Anpassung kann zum Beispiel notwendig sein, wenn du die Hintergrundfarbe der Komponente änderst, damit alle Elemente weiterhin gut lesbar bleiben.


Einstellungen zurücksetzen

Du kannst jederzeit zu den Standardwerten zurückkehren, indem du die Checkbox deaktivierst.

Deine zuvor vorgenommenen Einstellungen bleiben dabei gespeichert.


Akkordeons und Media: Mediatyp & Optionen

image

Lege zuerst das Medienformat fest und wähle anschließend den Medientyp.


Bild oder Galerie

Du kannst ein oder mehrere Bilder hinzufügen.
Wenn du mehrere Bilder hochlädst, wird automatisch eine Galerie erstellt.

Optional kannst du einstellen:

  • Schleife (Bilder wiederholen sich)

  • Autoplay (Bilder wechseln automatisch)


Video (MP4)

Du kannst ein Video im MP4-Format hochladen.
Für diese Variante ist keine Cookie-Zustimmung erforderlich.


YouTube oder Vimeo

Alternativ kannst du ein YouTube- oder Vimeo-Video über einen Link einbinden.

Hinweis: Dafür ist eine Cookie-Zustimmung notwendig.


Standortkarte

Du kannst außerdem eine Karte mit dem Standort deines Unternehmens anzeigen.


Akkordeons und Media: Bildeffekte

image

Für Medien kannst du zusätzliche Bildeffekte aktivieren.
Diese stehen für alle Medientypen außer der Standortkarte zur Verfügung.


Farbverlauf

Der Farbverlauf legt einen diagonalen Farbverlauf über das Bild.

  • sorgt für mehr visuelle Wirkung

  • kann mit zwei Unternehmensfarben gestaltet werden

  • die Transparenz lässt sich über einen Schieberegler einstellen

So kannst du einen Farbverlauf erstellen, der zu deinem Corporate Design passt.


Dunkler Overlay

Ein dunkler Overlay dunkelt das Bild leicht ab.
Dadurch bleiben Überschrift und Text besser lesbar.

Du kannst einstellen:

  • Farbtemperatur (kalt ↔ warm)

  • Transparenz des Overlays

Verwende weiße Schrift, damit Überschrift und Text gut lesbar bleiben.


Hintergrund anpassen

image

Du kannst die Hintergrundfarbe für die gesamte Komponente ändern.


Hinweis zur Darstellung

Wenn du die Hintergrundfarbe anpasst, solltest du auch prüfen, ob:

  • die Farbe der Überschrift

  • die Farbe der Akkordeon-Elemente

noch gut sichtbar und lesbar sind.

Hat dies deine Frage beantwortet?