Mit dem MediaText Element kann Text um ein Medien-Element ergänzt und in verschiedenen Layoutvarianten dargestellt werden.
Medien können Bilder, Video-Loops (MP4) oder Youtube-Videos sein. Die Bildunterschriften laufen dabei anders als beim Text & Bilder Element nicht breiter als das Bild sondern brechen um.
Das MediaText Element ist eines der Standard-Elemente im Hobby-Auftritt, um Layouts aufzubauen. Wichtig dabei ist die Erkenntnis, dass es du es immer dann einsetzt, wenn du für ein Medien-Element genau einen begleitenden Text zur Verfügung hast. Sobald du zu den einzelnen Medien mehr Text als eine Bildunterschrift einpflegen möchtest, greife zur MediaTextList. Sobald du mehrere Medien abbilden möchtest, greife zur MediaGallery.
Bei allen Layoutvarianten außer „Media bottom, 6 cols width“ und „Media bottom, 10 cols width“ stehen die Medien in der mobilen Ansicht über dem Text.
Auch das MediaText Element hat zusätzlich zum RTE eine Überschrift und eine Unterüberschrift.
Achte immer darauf, bei Bildern möglichst einheitliche Bildcroppings einzustellen.
Hier steht die Unterüberschrift
Large media left, Medium ist Bild
Das ist die voreingestellte Layoutvariante. Das Medium steht links und nimmt Zweidrittel der Contentbreite ein. Der Text steht rechts daneben. Mobil sortiert sich der Text unter das Medium. In diesem Beispiel ist das Medium ein Bild mit einer Bildunterschrift. Das Medium kann auch wie in diesem Beispiel verlinkt sein.
Hier steht die Unterüberschrift
Large media left, Medium ist Youtube-Video
Anstelle eines Bildes wie oben, kann das Medium auch ein Youtube-Video sein, das der Dateiliste hinzugefügt wurde. Hier kann natürlich kein Cropping vorgenommen werden.
Hier steht die Unterüberschrift
Large media left, Medium ist Video-Loop
Das Medium kann auch ein MP4-Video-Loop sein. Auch hier kann kein Cropping eingestellt werden - beim Erstellen des Loops muss also bereits darauf geachtet werden, in welchem Seitenverhältnis es im Layout erscheinen soll.
Image
Large media right
Analog dazu gibt es diese Layoutvariante, in der das Medium, bzw. die Medien auf der rechten Seite stehen und der Text auf der linken Seite. Mobil ist die Anordnung jedoch wie beim „Large media left“.
Hier steht die Unterüberschrift
Even media left
In dieser Layoutvariante nimmt der Bereich für die Medien die Hälfte der Contentbreite ein, in der anderen Hälfte sitzt der Text.
Hier steht die Unterüberschrift
Even media right
Analog zum „Even media left“ gibt es diese Layoutvariante, in der die Medien links und der Text rechts stehen. Mobil ist die Anordnung wie bei „Even media left“.
Hier steht die Unterüberschrift
Media top, 6 cols width
In dieser Layoutvariante ist der Medien-Bereich über dem Text-Bereich und erstreckt sich über 6 Rasterbreiten. Du kannst diese Variante auch gut in News verwenden, wenn Medien im Lesefluss angezeigt werden sollen.
Hier steht die Unterüberschrift
Media bottom, 6 cols width
In dieser Layoutvariante ist der Medien-Bereich unter dem Text-Bereich und erstreckt sich über 6 Rasterbreiten. Du kannst diese Variante ebenfalls gut in News verwenden, wenn Medien im Lesefluss angezeigt werden sollen.
Hier steht die Unterüberschrift
Media top, 10 cols width
In dieser Layoutvariante ist der Medien-Bereich über dem Text-Bereich und erstreckt sich über 10 Rasterbreiten. In dieser Layoutvariante solltest du wahrscheinlich eher auf Text verzichten, da er ebenfalls im 10er Raster sitzt und ggf. nicht mit dem restlichen Textfluss der Seite harmoniert.
Hier steht die Unterüberschrift
Media bottom, 10 cols width
Diese Variante ist analog zur 6 cols Variante, nur dass der Text hier wieder über dem Media-Element steht. Auch hier solltest du aber auf Text eher verzichten, es sei denn, es passt in deinen Layout-Aufbau.
Hier steht die Unterüberschrift
Theme & Hintergrund „Dunkel Brand“
Das MediaText Element kann natürlich auch im dunklen Theme dargestellt werden.
Hier steht die Unterüberschrift
Theme & Hintergrund „Hell Beachy“
Das MediaText Element kann natürlich auch auf dem BEACHY Hintergrund dargestellt werden.