TYPO3 13 Dateiliste

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

Ein Bild auf einer Seite ist in TYPO3 zweierlei: die Datei in der Dateiliste 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 13 mit dem Modul „Datei“ › „Dateiliste“.

Stand:

Wo Dateien liegen

Ein Bild, das auf einer Seite erscheint, liegt nicht in der Seite. Es liegt als Datei in der Dateiliste, 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.

Die Dateiliste erreichen Sie im linken Menü über „Datei“ › „Dateiliste“. Sie 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 „Datei“, Punkt „Dateiliste“, mit dem Ordnerbaum „Redaktion“ › „bilder“ und vier Bildkacheln. Markiert sind der Ordner „bilder“ im Baum und der Knopf „Dateien hochladen“ über der Liste.
Über der Liste stehen die Knöpfe für alles, was in diesem Ordner passiert: „Dateien hochladen“, „Ordner erstellen“, 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 in der Dateiliste den Ordner, in dem die Dateien liegen sollen.

  1. Klicken Sie über der Liste auf „Dateien hochladen“.
  2. Wählen Sie im Dateifenster Ihres Rechners eine oder mehrere Dateien aus und bestätigen Sie.
  3. Warten Sie, bis hinter jeder Datei „Datei wurde hochgeladen“ steht.
Über den Kacheln des Ordners „bilder“ stehen zwei Zeilen für die hochgeladenen Dateien „trinkwasseranalyse-2026.pdf“ und „trinkwasserbrunnen.jpg“, jeweils mit grünem Balken und „Datei wurde hochgeladen“; 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 „Ordner erstellen“.
  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“ in der Dateiliste 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 „Web“ › „Seite“ 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 „Seiteninhalt auf Seite ‚Wasser‘ neu erstellen“ 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 eines neuen Elements „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 auswählen“; „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 „Web“, Punkt „Seite“, 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 13

Wie lade ich in TYPO3 13 Bilder in die Dateiliste hoch?

Öffnen Sie im linken Menü „Datei“ › „Dateiliste“, wählen Sie im Ordnerbaum den Zielordner und klicken Sie oben auf „Dateien hochladen“. Es öffnet sich das Dateifenster Ihres Rechners; dort können Sie mehrere Dateien zugleich markieren. TYPO3 13 lädt sie nacheinander hoch und meldet jede einzelne. Alternativ ziehen Sie die Dateien vom Schreibtisch direkt auf die Liste.

Wie verschiebe ich in TYPO3 13 eine Datei in einen anderen Ordner?

Über die Zwischenablage von TYPO3. Klicken Sie in der Dateiliste mit der rechten Maustaste auf die Datei und wählen Sie „Ausschneiden“. Öffnen Sie im Ordnerbaum den Zielordner und klicken Sie oben auf „Inhalt der Zwischenablage einfügen“. TYPO3 13 fragt nach und verschiebt die Datei. Seiten, die die Datei verwenden, zeigen sie weiterhin, weil TYPO3 die Datei als Datensatz führt und nicht über ihren Pfad.

Wie füge ich in TYPO3 13 ein Bild in ein Inhaltselement ein?

Legen Sie im Modul „Seite“ ein Element vom Typ „Text & Bilder“ an und wechseln Sie auf den Reiter „Bilder“. Klicken Sie auf „Bild hinzufügen“: Das Fenster „Dateiauswahl“ zeigt den Ordnerbaum der Dateiliste. Wählen Sie den Ordner und klicken Sie auf das Bild. Es erscheint im Element mit den Feldern für den alternativen Text und die Bildunterschrift. Speichern Sie zum Schluss.