TYPO3 14 Medien

Bilder und Dateien in TYPO3 14 hochladen, ordnen und in Inhaltselementen nutzen

Ein Bild auf einer Seite ist in TYPO3 zweierlei: die Datei im Modul „Medien“ und der Verweis darauf im Inhaltselement. Wer das einmal gesehen hat, lädt Dateien dorthin, wo sie hingehören, räumt um, ohne dass Seiten kaputtgehen, und findet ein Bild auch nach einem Jahr wieder. Diese Fassung zeigt TYPO3 14, in dem die Dateiliste „Medien“ heißt.

Stand:

Wo Dateien liegen

Ein Bild, das auf einer Seite erscheint, liegt nicht in der Seite. Es liegt als Datei im Modul „Medien“, und das Inhaltselement verweist nur darauf. Dieselbe Datei kann deshalb auf zehn Seiten stehen, ohne zehnmal hochgeladen zu werden. Wird sie einmal ausgetauscht, ändert sie sich überall.

Das Modul „Medien“ zeigt links den Ordnerbaum und rechts die Dateien des gewählten Ordners als Kacheln. Welche Ordner Sie sehen, legt Ihre Administration fest; im Beispiel ist es der Bereich „Redaktion“ mit dem Ordner „bilder“. Was dort liegt, steht später auch in der Dateiauswahl der Inhaltselemente zur Verfügung.

Modul „Medien“ mit dem Ordnerbaum „Redaktion“ › „bilder“ und vier Bildkacheln. Markiert sind der Ordner „bilder“ im Baum und der Knopf „Neue Datei“ über der Liste.
Über der Liste stehen die Knöpfe für alles, was in diesem Ordner passiert: „Neue Datei“, „Neuer Ordner“, Sortierung und Ansicht. Die Zwischenablage am Fuß der Liste wird erst wichtig, wenn Sie Dateien verschieben.

Dateien hochladen

Beim Hochladen entscheidet sich, ob eine Datei später wiedergefunden wird: der Ordner und der Dateiname. TYPO3 übernimmt den Namen von Ihrem Rechner und ersetzt dabei Leerzeichen, Umlaute und Sonderzeichen. Ein Name wie trinkwasserbrunnen.jpg sagt in einem Jahr noch, was zu sehen ist; IMG_4711.jpg nicht.

Öffnen Sie im Modul „Medien“ den Ordner, in dem die Dateien liegen sollen.

  1. Klicken Sie über der Liste auf „Neue Datei“.
  2. Klicken Sie im Fenster „Neue Datei“ auf „Dateien auswählen und hochladen“.
  3. Wählen Sie im Dateifenster Ihres Rechners eine oder mehrere Dateien aus und bestätigen Sie.
  4. Warten Sie, bis TYPO3 jede Datei gemeldet hat, und schließen Sie das Fenster.
Fenster „Neue Datei“ für den Ordner „bilder“: oben der Knopf „Dateien auswählen und hochladen“, darunter die Bereiche „Neue Mediendatei hinzufügen“ und „Neue Textdatei erstellen“, unten die Kacheln des Ordners.
Das Fenster fasst drei Wege zusammen: Dateien vom Rechner, ein Video von YouTube oder Vimeo über seine Adresse und eine leere Textdatei. Für Bilder und PDF-Dateien zählt nur der erste.
Im Fenster „Neue Datei“ stehen unter den Kacheln zwei Zeilen für die hochgeladenen Dateien „trinkwasserbrunnen.jpg“ und „trinkwasseranalyse-2026.pdf“ mit Typ und Größe; rechts unten eine grüne Meldung zum Hochladen.
Jede Datei bekommt eine eigene Zeile und eine eigene Meldung. Ein Bild und ein PDF lassen sich in einem Zug hochladen; TYPO3 behandelt beide gleich.

Einen Ordner anlegen und Dateien verschieben oder kopieren

Nach einem Jahr liegen im Ordner „bilder“ auch Satzungen, Preisblätter und Formulare, und niemand findet mehr etwas. Ordner kosten nichts, und Dateien lassen sich später umsortieren, ohne dass eine Seite davon etwas merkt: TYPO3 führt jede Datei als Datensatz, und die Inhaltselemente verweisen auf diesen Datensatz, nicht auf den Pfad.

Wählen Sie im Ordnerbaum den Ordner, in dem der neue Ordner entstehen soll, im Beispiel „Redaktion“.

  1. Klicken Sie über der Liste auf „Neuer Ordner“.
  2. Tragen Sie im Fenster „Neuen Ordner erstellen“ den Namen ein, klein geschrieben und ohne Leerzeichen, und klicken Sie auf „Ordner erstellen“.
  3. Schließen Sie das Fenster. Der neue Ordner steht jetzt im Ordnerbaum.
Fenster „Neuen Ordner erstellen“ für den Ordner „Redaktion“: im Feld steht „dokumente“, rechts daneben ist der Knopf „Ordner erstellen“ markiert; darunter die Kachel des Ordners „bilder“.
Das Fenster bleibt nach dem Anlegen offen und zeigt den neuen Ordner sofort mit an. So lassen sich mehrere Ordner nacheinander anlegen, ohne es jedes Mal neu zu öffnen.

Öffnen Sie den Ordner mit der Datei, die umziehen soll.

  1. Klicken Sie mit der rechten Maustaste auf die Datei und wählen Sie „Ausschneiden“. Zum Kopieren wählen Sie stattdessen „Kopieren“.
  2. Klicken Sie im Ordnerbaum auf den Zielordner.
  3. Klicken Sie über der Liste auf „Inhalt der Zwischenablage einfügen“.
  4. Bestätigen Sie die Rückfrage mit „OK“.
Kontextmenü der Datei „trinkwasseranalyse-2026.pdf“ mit den Einträgen „Metadaten dieser Datei bearbeiten“, „Ersetzen“, „Umbenennen“, „Herunterladen“, „Info“, „Kopieren“, „Ausschneiden“ und „Löschen“; „Ausschneiden“ ist markiert.
„Kopieren“ legt am Ziel eine zweite Datei an, die von da an ein eigenes Leben führt. „Ausschneiden“ bewegt das Original; Seiten, die es verwenden, zeigen es weiter.
Der leere Ordner „dokumente“ im Modul „Medien“ mit dem Hinweis „Dieser Ordner ist leer“. Über der Liste ist der Knopf „Inhalt der Zwischenablage einfügen“ markiert; unten zeigt die Zwischenablage die ausgeschnittene Datei.
Der Knopf erscheint nur, solange etwas in der Zwischenablage liegt. Ein leerer Ordner bietet außerdem an, Dateien zum Hochladen direkt hierhin zu ziehen.
Rückfrage „Inhalt der Zwischenablage einfügen“ mit der Frage, ob „trinkwasseranalyse-2026.pdf“ nach „dokumente“ verschoben werden soll; Schaltflächen „Schließen“ und „OK“.
Die Rückfrage nennt Datei, Zielordner und die Art der Aktion. Steht dort „kopieren“ statt „verschieben“, lag die Datei mit „Kopieren“ in der Zwischenablage.

Ein Bild in ein Inhaltselement einfügen

Für einen Text mit Bild hat TYPO3 den Typ „Text & Bilder“. Das Bild wird nicht in den Text hineingezogen, sondern auf einem eigenen Reiter aus der Dateiliste gewählt. Deshalb lohnt sich das Hochladen vorher: Im Moment des Einfügens muss die Datei nur noch angeklickt werden.

Öffnen Sie im Modul „Inhalt“ › „Layout“ die Seite, auf der das Bild erscheinen soll, und legen Sie über „Neuen Inhalt erstellen“ ein Element vom Typ „Text & Bilder“ an.

  1. Tragen Sie auf dem Reiter „Allgemein“ Überschrift und Text ein.
  2. Wechseln Sie auf den Reiter „Bilder“ und klicken Sie auf „Bild hinzufügen“.
  3. Wählen Sie im Fenster „Dateiauswahl“ links den Ordner und klicken Sie rechts auf das Bild.
  4. Prüfen Sie, dass das Bild mit seinem Dateinamen im Element erscheint, und klicken Sie oben auf „Speichern“.
Bearbeitungsansicht „Neu anlegen Text & Bilder“ auf dem Reiter „Bilder“ mit den Knöpfen „Bild hinzufügen“ und „Dateien auswählen und hochladen“, darunter die erlaubten Dateierweiterungen und die Bildeinstellungen; „Bild hinzufügen“ ist markiert.
Der zweite Knopf lädt direkt aus dem Element hoch. Das ist bequem, legt die Datei aber in einem vorgegebenen Ordner ab und nicht in dem, den Sie gerade sortiert haben.
Fenster „Dateiauswahl“ mit dem Ordnerbaum links und den Kacheln des Ordners „bilder“ rechts, darunter die erlaubten Dateierweiterungen und ein Bereich „Dateien hochladen“; die Kachel „trinkwasserbrunnen.jpg“ ist markiert.
Ein Klick auf die Kachel fügt das Bild ein und schließt das Fenster. Die grünen Kürzel darunter sagen, welche Dateitypen dieses Feld annimmt.
Auf dem Reiter „Bilder“ steht jetzt das Bild „trinkwasserbrunnen.jpg“ mit Vorschau; darunter die Bild-Metadaten mit den Feldern „Alternativer Text“, „Beschreibung (Bildbeschriftung)“, „Link“ und „Titel“.
Die Felder unter dem Bild gelten nur für dieses Element. Ein Text, der an der Datei selbst hinterlegt ist, wird als Standard übernommen; das Kästchen „Elementspezifischen Wert setzen“ schaltet auf einen eigenen Text um.

Eine Datei zum Herunterladen anbieten

Ein PDF gehört nicht in ein Bildelement, auch wenn das Feld es annehmen würde. Für Dateien, die Besucher herunterladen sollen, gibt es den Typ „Dateilinks“: Er zeigt für jede Datei einen Link mit Symbol, auf Wunsch mit Dateigröße und Beschreibung.

Legen Sie auf der Seite ein Element vom Typ „Dateilinks“ an; es steht im Assistenten in der Gruppe „Listen“.

  1. Tragen Sie eine Überschrift ein.
  2. Klicken Sie im Bereich „Dateien“ auf „Datei hinzufügen“.
  3. Wählen Sie im Fenster „Dateiauswahl“ den Ordner und klicken Sie auf die Datei.
  4. Klicken Sie oben auf „Speichern“ und danach auf „Schließen“.
Bearbeitungsansicht „Neu anlegen Dateilinks“, gerollt zum Bereich „Dateien“ mit den Knöpfen „Datei hinzufügen“, „Dateien auswählen und hochladen“ und „Medien nach URL hinzufügen“, darunter das Feld „Dateisammlung“; „Datei hinzufügen“ ist markiert.
Neben einzelnen Dateien nimmt das Element auch eine Dateisammlung an: einen ganzen Ordner, dessen Inhalt dann automatisch als Liste erscheint.
Die Seite „Wasser“ im Modul „Inhalt“, Punkt „Layout“, mit dem Element „Text & Bilder“ „Unser Trinkwasser“ samt Bildvorschau und dem Element „Dateilinks“ „Trinkwasseranalyse zum Herunterladen“ mit der Vorschau des PDFs.
Beide Elemente zeigen in der Seitenansicht eine kleine Vorschau ihrer Datei. Fehlt sie, wurde das Element ohne Datei gespeichert.

Häufige Fragen zu Dateien in TYPO3 14

Wo ist in TYPO3 14 die Dateiliste geblieben?

In TYPO3 14 heißt das Modul „Medien“ und steht im linken Menü direkt unter „Inhalt“. Es zeigt links den Ordnerbaum und rechts die Dateien des gewählten Ordners als Kacheln. Hochgeladen wird über den Knopf „Neue Datei“, Ordner entstehen über „Neuer Ordner“. Inhaltlich ist es dieselbe Dateiliste wie unter „Datei“ › „Dateiliste“ in TYPO3 13.

Wie lade ich in TYPO3 14 mehrere Dateien auf einmal hoch?

Öffnen Sie im Modul „Medien“ den Zielordner und klicken Sie auf „Neue Datei“ und dann auf „Dateien auswählen und hochladen“. Im Dateifenster Ihres Rechners können Sie mehrere Dateien zugleich markieren. TYPO3 lädt sie nacheinander hoch und meldet jede einzelne. Alternativ ziehen Sie die Dateien vom Schreibtisch direkt auf die Dateiliste.

Verliert eine Datei in TYPO3 14 ihre Verwendung auf Seiten, wenn ich sie in einen anderen Ordner verschiebe?

Nein. TYPO3 merkt sich nicht den Pfad, sondern führt jede Datei als Datensatz, und Inhaltselemente verweisen auf diesen Datensatz. Wenn Sie eine Datei im Modul „Medien“ mit „Ausschneiden“ und „Inhalt der Zwischenablage einfügen“ in einen anderen Ordner verschieben, zeigen alle Seiten weiter das Bild. Erst Löschen entfernt es von den Seiten.