Modul: Media-Text

Text-Media Module bieten eine optimale Möglichkeit Text mit visuellen Effekten zu kombinieren. Dieses Modul macht es möglich in einer Zeile, Bild neben Text in verschiedensten Arten und Weisen darzustellen.

Bild und Text stehen unterstützend nebeneinander
Nutzer wird nicht von zu viel Text gelangweilt und hat Abwechslung durch Bilder

Im Textteil können unter anderem auch Listenelemente und Buttons eingefügt werden.
Es können auch mehrere dieser Module nebeneinander gesetzt werden.
Dies ergibt eine schöne, strukturierte Gesamtübersicht.

So sieht es im Backend aus:

Hier können verschiedene Dinge ausgewählt werden:
- Mit den Pfeilen (oben, unten) kann das gesamte Modul verschoben werden
- Ausrichtung: Weite Breite oder Gesamte Breite
- Es kann ausgewählt werden, ob das Bild links oder rechts sein soll
- die Ausrichtung des Textes kann ausgewählt werden: Hier ist es nun mittig zentriert zum Bild ausgerichtet
- das Bild kann verlinkt werden (das Symbol (-)), um bei Klick auf das Bild an ein Ziel weiterleitet
- Replace: Bei Klick auf „Replace“ kann ein anderes Bild ausgewählt werden
Dies ist die Überschrift des Moduls
Dies ist der Fließtext des Moduls
Optional kann ein Button erstellt werden
Bei Klick auf Plus-Zeichen öffnet sich eine Art Bibliothek, hier können einzufügende Elemente ausgewählt werden.

Modul:

Das Modul gibt einem die Möglichkeit, ein sympathisches Zusammenspiel aus Bildern und Text zu ermöglichen.

Media:

Entweder es wird ein Bild hochgeladen oder ein bestehendes aus der Mediathek ausgewählt.

Text:

Das Contentfeld startet automatisch mit einem Paragraphen Modul darin. Hier ist absolute Freiheit an Textgestaltung zu genießen.

Top Bar - Breite:

Auswahl zwischen breite Weite und volle Breite ist möglich.

Top Bar - Position:

Der Standardwert der Position ist, dass das Bild links angezeigt wird. Mit dem Button kann man den Wert auch ändern, so dass dieser das Bild rechts anzeigt.

Top Bar - Vertikale Ausrichtung:

Der Standardwert der vertikalen Ausrichtung des Texts ist mittig zentriert. (Align middle)

Man kann den Text aber auch oben mit der oberen Kante des Bildes ausrichten oder mit der unteren Kante, so dass der letzte Text mit der Unterkante abschließt.

Sidebar - Farbeinstellungen:

Sowie die Text als auch die Hintergrundfarbe können bei dem Media & Text Modul hinterlegt werden.

Beim Hintergrund ist sogar eine Verlaufsauswahl möglich.

Textfarbe:

Hierzu muss der Text ausgewählt werden, den anhand der Auswahl passt sich die rechte Seitenleiste an.

Hintergrundfarbe:

Ausgewählt ist nun das ganze Modul. Angepasst wurde hier nun die Textfarbe (passt die Body-Text-Farbe an) und der Hintergrund des Moduls. Wie es auf der Website aussieht, ist im zweiten Bild untendrunter zu sehen.

Sidebar - Media & Text Settings:

Auf Mobilgeräten stapeln:
Wenn dieser Button aktiviert wird, werden mobil Media und Text nicht mehr in einer Zeile sondern in einer Spalte angezeigt.

Bild zuschneiden, um die gesamte Spalte zu füllen:
Normalerweise gibt das Bild die Größe der Sektion vor, wenn nun aber das Bild nicht groß genug ist, kann man den Button aktivieren und dann wird das Bild dem Text angepasst.
!Kann bei kleinen Textpassagen auch nicht so schön aussehen.

Fokuspunkt Auswahl:
Nur wenn der obige Button aktiviert ist (Bild zerschneiden), kann man seinen eigenen Fokus Punkt setzen.

Alt Text (Alternativer Text):
Hier kann man wohl einen Ersatz Alternativ Text für den bereits existieren Alternativtext setzen.

Bildgröße:
Man kann zwischen allen verschiedenen Auflösungen, die in Regenerate Thumbnails hinterlegt sind, aussuchen.

Achtung: Nicht jede Image Size ist für jedes Modul gedacht. Manche Größen können verschwommen aussehen.

Wofür kann dieses Modul genutzt werden?

Die Leistungen des Unternehmens können anhand von Bildern und Text anschaulich beschrieben werden
Die Ansprechpartner des Unternehmens können dargestellt werden mit einem persönlichen Beschreibungstexte.
Die Vorteile des Unternehmens als Arbeitsgeber können verdeutlicht werden