Text-Media Elemente

Einpflege Text & Medien

Das Element "Text & Medien" ist das am häufigsten genutzte Inhaltselement, da es der Darstellung von Fließtexten mit/ohne Bild oder nur Bild dient.

Anlage

Auf der gewünschten Seite in einem bestehenden oder neuen Inhaltscontainer (1-Spaltig, 2-Spaltig oder 3-Spaltig) auf „+ Inhalt“ klicken und „Text & Media“ auswählen.
Im Feld „Überschrift“ den Titel eingeben. Daneben den über „Typ“ die Art der Überschrift wählen (H2–H3 oder „Überschrift verstecken“ [Tipp: Elementen immer eine Überschrift geben, dies erleichtert die Orientierung, gerade beim Setzen von Sprungmarken].
Im Bereich „Text“ wird der Fließtext eingefügt. Achtung: Inhalte niemals aus einem Word- oder PDF-Dokument in das Textfeld kopieren, da hier Formatierungen mitgenommen werden können, die die Ausgabe beeinflussen. Bspw. Verlinkungen werden nicht korrekt übernommen.
1. Workaround: Über den „</>“-Button in den HTML-Quelltext wechseln. Text in das Feld kopieren und wieder den Button klicken. Hierdurch wird der reine Plain-Text dargestellt/verwendet.
Anschließend kann mithilfe der Symbolleisten-Buttons der Text formatiert werden. Dazu wird der entsprechende Text markiert und eine der folgenden Möglichkeiten gewählt.
1. Textuelle Möglichkeiten: Fett (B), Kursiv (I), Überschriften H2–H5, Aufzählungslisten, nummerierte Listen, Zitat
2. Auch Verlinkungen (Ketten-Symbol) können hier eingefügt oder bearbeitet werden. Wichtig ist hierbei das richtige Ziel zu wählen: interne Seite (Seiten innerhalb des TYPO3), externe URL (Seiten mit anderer Domain, neues Zielfenster), E-Mail-Adresse oder Dateien.
Im Reiter „Medien“ unter „Medienelemente“ auf „Mediendateien hinzufügen“ klicken und zum gewünschten Ordner in der Dateiliste navigieren. Innerhalb des Ordners zum gewünschten Bild navigieren und das Bild per Klick auf den Titel hinzufügen.
1. Wichtig in der Dateiliste sollten die Metadaten „Alternativtext (Pflicht für Barrierefreiheit)“, „Titel“ und „Copyright“ ausgefüllt sein. Siehe: Briefing: Bilder, Grafiken, PDF
  Sind die Daten dort nicht hinterlegt (leere Felder), kann über das Stiftsymbol in die Meta-Daten des Bildes gesprungen werden und die Daten dort hinterlegt werden. Die dort eingetragenen Daten werden immer ausgegeben/berücksichtigt, wenn das Bild angebunden wird.
  Sollten die dort hinterlegten Daten nicht in den Kontext der Seite passen, können diese auch direkt am Bild überschrieben werden. Dazu das Medien-Panel öffnen und am entsprechenden Feld den Haken bei „elementspezifischen Wert setzen (Kein Standard vorgegeben)“ setzen und den gewünschten Text eintragen.
2. Außerdem kann im Medien-Panel der Bildausschnitt gewählt werden. Das hat den Vorteil, dass ein Bild nur einmal im Original in die Dateiliste geladen werden muss und bei Anbindung ein Ausschnitt gewählt werden kann, anstatt ein Bild in mehrerer unterschiedlichen Zuschnitte in das System zu laden.
  Hier für auf den Button „Editor öffnen“ klicken und anschließend in dem neu geöffneten Fenster erst ein Seitenverhältnis wählen (z. B. 6:9, 3:2, 2:3, 1:1) und anschließend die Maske über den Bereich des Bildes ziehen, der ausgegeben werden soll.
Unter „Galerieeinstellungen“ im Dropdown die „Position und Ausrichtung“ wählen: Oben mittig, Unten mittig, Neben dem Text oder Neben dem Text rechts. Entsprechen der Auswahl wird das Bild auf der Webseite ausgegeben.
Im Reiter „Zugriff“ kann das Element aus- oder eingeblendet werden und ein Veröffentlichungs- oder Ablaufdatum definiert werden.
Speichern und schließen.

Sollte nur Text oder nur Bild gewünscht sein, werden die überflüssigen Schritte weggelassen.

Inhaltscontainer weiß

Nur Text (H3)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,

Liste mit Nummern
interner Link
externer Link
Download im Text

Überschrift (H4)

Bulletpoints
Zahl hochgestellt m²
Zahl tiefgestellt CO₂

Nur Bild

Inhaltscontainer dunkelblau

Text mit Bild links (H2)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.