Regionales Hochschulrechenzentrum Kaiserslautern-Landau
Regionales Hochschulrechenzentrum Kaiserslautern-Landau

Text & Medien Element

Das Text & Medien Inhaltselement wird verwendet, um einen Text darzustellen und diesen mit Bildinhalten zu verknüpfen.

Beispielelement aus dem Typo3 Frontend: Es ist ein Text mit Bild abgebildet. Auf dem Bild, welches sich oberhalb des Textes befindet, sitzen rechts drei Studierende an ihren Laptops. Im Hintergrund ist zu erkennen, dass sie sich im Atrium aufhalten. Im Text werden Informationen zum Studien-Informationstag geben.
Beispielelement aus dem Typo3 Frontend: Text mit Bild

Beispiel Text mit Bild

Es empfiehlt sich eine Pixelbreite von 1200px bei 100 % Seitenbreite in der Desktopansicht. Und mindestens 750px bei 50 % Seitenbreite in der Desktopansicht. So sind die Bilder groß genug für alle möglichen Ansichten.

Beispiel Bild in der Farbe Gelb
Beispiel Bild in der Farbe Gelb

Mit dem Text & Medien Element wird, wie hier oder in der Abbildung rechts abgebildet, ein Bild mit einem Text verbunden und in einem Element ausgegeben.

Anleitung

1. Klicken Sie im Bearbeitungsbereich auf das "plus Inhalt Icon", nun öffnet sich ein Menü, hier wählen Sie im Raster "Typischer Seiteninhalt" "Text und Medien" aus

Beispielelement aus dem Typo3 Backend: Rote Kästen heben den 1. Vorgehensschritt hervor. In dieser Abbildung wird gezeigt, wie ein Inhaltselement mit Text & Medium ausgewählt wird.
Beispielelement aus dem Typo3 Backend: Rote Kästen heben den 1. Vorgehensschritt hervor.

2. Vergeben Sie nun eine Überschrift

3. Wählen Sie das Layout der Überschrift aus (Typ)

4. Sie können ein Datum angeben, welches oberhalb der Überschrift angezeigt wird

5. Sie können die Überschrift, wenn Sie möchte nun verlinken

Beispielelement aus dem Typo3 Backend: Rote Kästen heben den 2. bis 5. Vorgehensschritt hervor. Der zum 2. Schritt zugehörige Kasten rahmt das Feld ein, in welches der Überschriftentext einzutippen ist. Der Rahmen mit Nummer 3 weist auf das zu wählende Layout für die Überschrift hin. Der 4. umrahmt das Eingabefeld eines Datums und der 5. hebt die Option einer Verlinkung hervor.
Beispielelement aus dem Typo3 Backend: Rote Kästen heben den 2. bis 5. Vorgehensschritt hervor.
Beispielelement aus dem Typo3 Backend: Roter Kasten hebt den 6. Vorgehensschritt hervor. In diesem wird hervorgehoben, wo das Textfeld des RTE ist.
Beispielelement aus dem Typo3 Backend: Roter Kasten hebt den 6. Vorgehensschritt hervor.

6. Befüllen Sie den RTE (Rich-Text-Editor) mit Text

Beispielelement aus dem Typo3 Backend: Rote Kästen heben den 7. Vorgehensschritt hervor. Der erste Kasten ist auf dem Reiter Erscheinungsbild platziert. Der Zweite weist auf das auszuwählende Layout hin. Der abgebildete Pfeil der Maus zeigt auf "Standard: Weißer Hintergund".
Beispielelement aus dem Typo3 Backend: Rote Kästen heben den 7. Vorgehensschritt hervor.

7. Wählen Sie im Raster Erscheinungsbild bei Bedarf eine Hintergrundfarbe aus

8. Wenn Sie möchten, können Sie zu Ihrem Text im Reiter "Medien" auch ein Bild hinzufügen. Mit Klick auf "Mediendateien hinzufügen" erscheint ein Pop Up der Dateiliste, hier können Sie Bilder, die zuvor in der Dateiliste hochgeladen worden sind auswählen (empfohlen). Die zweite Möglichkeit ist "Dateien auswählen und hochladen" hier können Sie Bilder, die auf Ihrem Rechner abliegen, hochladen. Informationen, wie Sie Dateien in die Dateiliste hochladen und welche Vorteile die Variante "Mediendateien hinzufügen" gegenüber dem einfachen auswählen und hochladen von Dateien hat, können auf unserer Einsteigerschulungs-Seite nachlesen.

Beispielelement aus dem Typo3 Backend: Rote Kästen heben den 8. Vorgehensschritt hervor. Der oberste Kasten rahmt den Reiter Medien ein. Die darunterliegenden rahmen die Button "Metadaten hinzufügen" und "Daten auswählen und hochladen" ein. Der unterste Rahmen weist auf die bereits hochgeladene Datei hin.
Beispielelement aus dem Typo3 Backend: Rote Kästen heben den 8. Vorgehensschritt hervor.

Sie befinden sich in der Selbstschulung und möchten zur Schulungsstartseite, dann klicken Sie auf  TYPO3 im Selbststudium für Einsteiger Teil 1.

Sie befinden sich gerade in der Selbstschulung, dann klicken Sie auf Übung - Text mit Bild, um damit fortzufahren.

Übung - Text mit Bild
Weiterlesen