Übersicht aller Inhaltselemente

Ein Inhaltselement ist eine Einheit im Backend einer TYPO3-Seite, die Inhalte einer bestimmten Art enthält und deren visuelle Erscheinung festgelegt ist. Inhaltselemente lassen sich im Backend in den Modulen Seite und Liste anlegen, bearbeiten und anpassen.

Inhaltselemente kopieren

  1. Im Backend anmelden: Melden Sie sich im TYPO3-Backend an.
  2. Seite auswählen: Navigieren Sie im Seitenbaum (links) zur gewünschten Seite, die das zu kopierende Inhaltselement enthält.
  3. Inhaltselement finden: Scrollen Sie auf der ausgewählten Seite im Arbeitsbereich zu dem Inhaltselement, das Sie kopieren möchten.
  4. Kopieren: Klicken Sie auf das Symbol links neben dem Namen des Inhaltselementes und wählen Sie anschließend die Aktion “Kopieren” aus.
  5. Zielort auswählen: Navigieren Sie im Seitenbaum zur gewünschten Zielseite.
  6. Einfügen: Auf der Zielseite sehen Sie oberhalb und unterhalb von Inhaltselementen ein Einfügen-Symbol. Klicken Sie auf das Symbol, um das kopierte Element an der gewünschten Stelle einzufügen.

Bildauflösung beachten

Um sicherzustellen, dass Bilder in hoher Qualität ausgegeben werden und Sie bei der Gestaltung einen geeigneten Bildausschnitt wählen können, achten Sie bitte darauf, dass alle verwendeten Bilder eine Mindestauflösung von 1000 Pixeln auf der längsten Seite aufweisen.

Bilder mit geringerer Auflösung können unscharf oder pixelig wirken. Prüfen Sie daher die Bildgröße vor der Verwendung und passen Sie sie gegebenenfalls an.

C08 - Text und Medien

Besonders häufig wird das Inhaltselement “C08 - Text & Medien” bei der Pflege von Seiten verwendet. Mit diesem Element fügen Sie Fließtexte mit Überschriften und Bildern ein. Im Folgendem werden die verschiedenen Varianten dieses Inhaltselementes vorgestellt. Wenn keine Medien gepflegt werden, dann erscheint nur der Text. Um den Lesenden eine ansprechende Website zu präsentieren, sollten jedoch möglichst passende Bilder oder spezielle Inhaltsmodule verwendet werden, um „Textwüsten“ zu vermeiden.

Im ersten Reiter Allgemein können Sie eine Überschrift über dem Text platzieren und den Stil entsprechend anpassen. Des Weiteren steht Ihnen der Rich Text Editor (RTE) als zentrales Werkezug zur Verfügung und bietet eine breite Palette an Formatierungsmöglichkeiten für Textinhalte. Grundsätzlich erinnert der Text-Editor in Funktionalität und Aufbau an Word oder andere Textverarbeitungsprogramme. Um Text zu verlinken, markieren Sie ein Wort oder eine ganze Wortgruppe und klicken Sie anschließend auf das Link-Icon. Daraufhin öffnet sich der Link-Browser und Sie haben die Möglichkeit, über verschiedene Reiter unterschiedliche Link-Arten einzufügen. So lässt sich bspw. über den ersten Reiter Seite ein interner Link zur Startseite hinzufügen.

Listen

Die vielfältigen Funktionen, die der RTE bietet, können Sie jeweils durch eine entsprechende Schaltfläche ausführen. Neben den Formatierungsmöglichkeiten Fett und Kursiv, haben Sie beispielsweise auch die Möglichkeit, nummerierte und unnummerierte Listen zu erstellen. Listen dienen der Gliederung oder Aufzählung zusammengehöriger Inhalte.

Punktliste

Die einfache (unnumerierte) Liste wird für Daten eingesetzt, bei denen die Reihenfolge der Listeneinträge keine Rolle spielt. Jedem Listeeintrag wird automatisch ein Punkt als Aufzählungszeichen vorangestellt.

  • Einheitlich - Die Listenpunkte sollten in etwa gleich lang laufen und einheitlich aufgebaut sein. Die Liste sollte ein homogenes Bild bieten.
  • Übersichtlich - Listen dienen vor allem dem zweck, Inhalte übersichtlich darzustellen. Achten Sie darauf, nicht zu viele Punkte oder lange Listeneinträge aufzuführen.
  • Passende Inhalte - Nicht jeder Inhalt eigent sich für eine Listendarstellung. Alles, was sehr emotional ist, sollten Sie nicht in eine Liste packen.

Nummerierte Liste

Folgende Gründe sprechen für den Einsatz von Listen:

  1. Optische Auflockerung
  2. Akzente setzen
  3. Bandwurm-Aufzählungen vermeiden
  4. Komplizierte Sachverhalte vermitteln
  5. Merkfähigkeit fördern
Alterativtext: Modernes Gebäude des Deutschen Krebsforschungszentrums (DKFZ) mit gläserner Fassade, umgeben von Pflanzen und Bänken auf einem gepflasterten Platz. Der Himmel ist klar und blau, was eine einladende Atmosphäre schafft.
Optionale Bildunterschrift zum Bild

Bild rechts im Text

Mit diesem Element fügen Sie Fließtexte mit Überschriften und Bildern ein. Wenn keine Medien gepflegt werden, dann erscheint nur der Text. Um den Lesenden eine ansprechende Website zu präsentieren, sollten jedoch möglichst passende Bilder oder spezielle Inhaltsmodule verwendet werden, um „Textwüsten“ zu vermeiden.

Im ersten Reiter Allgemein können Sie eine Überschrift über dem Text platzieren und den Stil entsprechend anpassen. Des Weiteren steht Ihnen der Rich Text Editor (RTE) als zentrales Werkezug zur Verfügung und bietet eine breite Palette an Formatierungsmöglichkeiten für Textinhalte.

Sobald Sie im Reiter Medien ein Bild hinzugefügt haben, können Sie den Editor zur weiteren Bildbearbeitung öffnen. Der Bildeditor ermöglicht die Anpassung des Bildes direkt im TYPO3 Backend. Somit können Sie einen beliebigen Bildausschnitt mit einem festgelegtem Seitenverhältnis von 3:2 wählen. Zudem können Sie die Positionierung des Bildes zum Textelement bestimmen. Für dieses Element ist die Position “Rechts im Text” festgelegt.

Alterativtext: Modernes Gebäude des Deutschen Krebsforschungszentrums (DKFZ) mit gläserner Fassade, umgeben von Pflanzen und Bänken auf einem gepflasterten Platz. Der Himmel ist klar und blau, was eine einladende Atmosphäre schafft.
Optionale Bildunterschrift zum Bild

Bild rechts im Text (kleines Bild)

Mit diesem Element fügen Sie Fließtexte mit Überschriften und Bildern ein. Wenn keine Medien gepflegt werden, dann erscheint nur der Text. Um den Lesenden eine ansprechende Website zu präsentieren, sollten jedoch möglichst passende Bilder oder spezielle Inhaltsmodule verwendet werden, um „Textwüsten“ zu vermeiden.

Im ersten Reiter Allgemein können Sie eine Überschrift über dem Text platzieren und den Stil entsprechend anpassen. Des Weiteren steht Ihnen der Rich Text Editor (RTE) als zentrales Werkezug zur Verfügung und bietet eine breite Palette an Formatierungsmöglichkeiten für Textinhalte.

Sobald Sie im Reiter Medien ein Bild hinzugefügt haben, können Sie den Editor zur weiteren Bildbearbeitung öffnen. Der Bildeditor ermöglicht die Anpassung des Bildes direkt im TYPO3 Backend. Somit können Sie einen beliebigen Bildausschnitt mit einem festgelegtem Seitenverhältnis von 3:2 wählen. Zudem können Sie die Positionierung des Bildes zum Textelement bestimmen. Für dieses Element ist die Position “Rechts im Text (kleines Bild)” festgelegt.

Bild zentriert unter dem Text

Mit diesem Element fügen Sie Fließtexte mit Überschriften und Bildern ein. Wenn keine Medien gepflegt werden, dann erscheint nur der Text. Um den Lesenden eine ansprechende Website zu präsentieren, sollten jedoch möglichst passende Bilder oder spezielle Inhaltsmodule verwendet werden, um „Textwüsten“ zu vermeiden.

Im ersten Reiter Allgemein können Sie eine Überschrift über dem Text platzieren und den Stil entsprechend anpassen. Des Weiteren steht Ihnen der Rich Text Editor (RTE) als zentrales Werkezug zur Verfügung und bietet eine breite Palette an Formatierungsmöglichkeiten für Textinhalte.

Sobald Sie im Reiter Medien ein Bild hinzugefügt haben, können Sie den Editor zur weiteren Bildbearbeitung öffnen. Der Bildeditor ermöglicht die Anpassung des Bildes direkt im TYPO3 Backend. Somit können Sie einen beliebigen Bildausschnitt mit einem festgelegtem Seitenverhältnis von 3:2 wählen. Zudem können Sie die Positionierung des Bildes zum Textelement bestimmen. Für dieses Element ist die Position “Zentriert unter dem Text” festgelegt.

Alterativtext: Modernes Gebäude des Deutschen Krebsforschungszentrums (DKFZ) mit gläserner Fassade, umgeben von Pflanzen und Bänken auf einem gepflasterten Platz. Der Himmel ist klar und blau, was eine einladende Atmosphäre schafft.
Optionale Bildunterschrift zum Bild

C09 - Inhaltsreiter

Ein Inhaltsreiter (auch „Tab“ genannt) erlaubt es den Nutzer:innen, zwischen verschiedenen Inhalten oder Bereichen einer Seite zu wechseln, ohne dass die gesamte Seite neu geladen wird. Dieses Element ähnelt den Reitern, die man in Ordnern oder Registerkarten sieht, daher auch der Name.

Reiter sind ideal, um viel Inhalt auf begrenztem Platz darzustellen, ohne die Seite mit Text zu überladen. Sie dienen der Strukturierung von Inhalten, so dass diese übersichtlich in verschiedene Sektionen unterteilt sind.

Die ideale Anzahl von Reitern auf einer Webseite hängt von der Komplexität der Inhalte ab, aber eine gängige Empfehlung liegt bei 3 bis 7 Reitern.

Wenn der Text länger ist, als in den sichtbaren Bereich passt, wird er automatisch abgeschnitten. Nur ein Teil des Textes ist sichtbar. Unter dem gekürzten Text erscheint ein „Mehr anzeigen“-Link. Dieser gibt den Hinweis, dass noch mehr Text vorhanden ist. Wenn der/die Nutzer:in auf „Mehr anzeigen“ klickt, wird der gesamte Text sichtbar. Das spart Platz und ermöglicht es dem/der Nutzer:in, selbst zu entscheiden, ob er/sie den ganzen Text lesen will oder nur den kurzen Überblick.

C11 - Bildergalerie

C11 - Bildergalerie (Raster)

C13 - Zitat

Dieses Inhaltselement dient dem Zweck, ein kurzes Zitat optisch stark hervorzuheben. Die Schriftart wird dabei automatisch angepasst und der Autor unterhalb des Zitats platziert. Optional kann ein Bild mit hinzugefügt werden.

Zitat ohne Bild

“Wir tragen Sorge dafür, dass unsere Mitarbeiter in den Laboren des DKFZ abends so gesund nach Hause gehen, wie sie morgens gekommen sind.”

Dr. Timo Kehl

Zitat mit Bild

Portrait von Dr. Timo Kehl, Leiter der Biologischen Sicherheit am DKFZ
“Wir tragen Sorge dafür, dass unsere Mitarbeiter in den Laboren des DKFZ abends so gesund nach Hause gehen, wie sie morgens gekommen sind.”

Dr. Timo Kehl

C14 - Content Highlight Box

Die Content Highlight Box dient der Hervorhebung textueller Inhalte. Neben Text kann dieses Inhaltselement optional ein Bild sowie Links und Downloads zu weiterführenden Informationen enthalten.

Campus Neuenheimer Feld - ein unverzichtbarer Standortvorteil für die Krebsforschung

Das Deutsche Krebsforschungszentrum (DKFZ) ist seit über 50 Jahren auf dem Neuenheimer Feld beheimatet und damit integraler Bestandteil einer der größten biomedizinischen Forschungscampus in Europa. Die enge Verzahnung unterschiedlicher Institutionen der universitären und außeruniversitären Forschung – zusammen mit den Einrichtungen des Universitätsklinikums – bietet für das DKFZ eine einzigartige Möglichkeit, Krebsforschung auf internationalem Topniveau zu betreiben. Dies wurde auch kürzlich durch eine internationale Begutachtung unterstrichen. Das DKFZ wurde als eines der weltweit führenden Krebsforschungszentren beurteilt.

Luftaufnahme des Heidelberger Stadtteils Neuenheimer Feld, der das Universitätsgelände und umliegende Felder zeigt. Der Neckarfluss fließt in der Nähe, umgeben von urbaner und ländlicher Landschaft. Die Aufnahme vermittelt einen Eindruck von der Struktur und Natur in dieser Region.
Die kurzen Wege auf dem Neuenheimer Feld sind zum einen für die Mitarbeiter von DKFZ, Universitätsklinikum und Universität, zum anderen aber auch für die Krebspatienten ein großer Vorteil.
Links & Downloads

C15 - Akkordeon

C15 - Akkordeon mit Bildern

C16 - Linkliste

Redaktioneller Styleguide Interner Link
Krebsinformationsdienst Externer Link
Kurzbroschüre Deutsches Krebsforschungszentrum
Datei-Download ( PDF , 3.12 MB )
Test

C19 - Publikationen

2022 - Neuro-Oncology

MEOX2 homeobox gene promotes growth of malignant gliomas

A. Schönrock*, E. Heinzelmann*, B. Steffl, E. Demirdizen, A. Narayanan, D. Krunic, M. Bähr, J.W. Park, C. Schmidt, K. Özduman, M.N. Pamir, W. Wick, F. Bestvater, D. Weichenhan, C. Plass, J. Taranda, M. Mall, S. Turcan.

2022 - Cell. 185(8): p. 1266-1270

Trumpp, A. and S. Haas

2020 - Nature Cell Biology

Pro-neuronal activity of Myod1 due to promiscuous binding to neuronal genes

Q.Y. Lee*, Moritz Mall, S. Chanda, B. Zhou, K.S. Sharma, K. Schaukowitch, J.M. Adrian-Segarra, S.D. Grieder, M.S. Kareta, O. Wapinski, C.E. Ang, R. Li, T.C. Südhof, H.Y. Chang, M. Wernig

C19 - Publikationen (Feed)

2026 - Nature cancer

Jin, D. ; Shmatko, A. ; Patel, A. J.

2026 - Nature biomedical engineering

Breinig, M. ; Lomakin, A. ; Heidari, E. ; Ritter, M. ; Rukhovich, G. ; Böse, L. ; Butthof, L. ; Wendler-Link, L. ; Wiethoff, H. ; Poth, T. ; Sahm, F. ; Schirmacher, P. ; Stegle, O. ; Gerstung, M. ; Tschaharganeh, D. F.

2025 -

Gerstung, M. ; Jin, D. ; Shmatko, A. ; Patel, A. ; Rahmanzade, R. ; Banan, R. ; Friedrich, L. ; Sievers, P. ; Hamelmann, S. ; Schrimpf, D. ; Göbel, K. ; Bogumil, H. ; Maas, S. ; Sill, M. ; Hinz, F. ; Suwala, A. ; Keller, F. ; Habel, A. ; Rukhovich, G. ; Rutz, S. ; Alhalabi, O. ; Sturm, D. ; Reuss, D. E. ; Wesseling, P. ; Woehrer, A. ; Heppner, F. ; Herold-Mende, C. ; Krieg, S. ; Wick, W. ; Jones, D. ; Pfister, S. ; Al-Hussaini, M. ; Hou, Y. ; Costa, F. D. ; Ille, S. ; Sehrig, J. ; Piovesan-Lago, P. ; Suchorska, B. ; Ahmad, O. ; Schweizer, L. ; Bertero, L. ; Acker, T. ; Tauziède-Espariat, A. ; Varlet, P. ; Brandner, S. ; Bai, X. ; von Deimling, A. ; Sahm, F.

2025 -

Heidari, E. ; Moorman, A. ; Unyi, D. ; Pasnuri, N. ; Rukhovich, G. ; Calafato, D. ; Mathioudaki, A. ; Chan, J. M. ; Nawy, T. ; Gerstung, M. ; Pe’er, D. ; Stegle, O.

2022 - Nature <London>

Lomakin, A. ; Svedlund, J. ; Strell, C. ; Gataric, M. ; Shmatko, A. ; Rukhovich, G. ; Park, J. S. ; Ju, Y. S. ; Dentro, S. ; Kleshchevnikov, V. ; Vaskivskyi, V. ; Li, T. ; Bayraktar, O. A. ; Pinder, S. ; Richardson, A. L. ; Santagata, S. ; Campbell, P. J. ; Russnes, H. ; Gerstung, M. ; Nilsson, M. ; Yates, L. R.

Alterativtext: Modernes Gebäude des Deutschen Krebsforschungszentrums (DKFZ) mit gläserner Fassade, umgeben von Pflanzen und Bänken auf einem gepflasterten Platz. Der Himmel ist klar und blau, was eine einladende Atmosphäre schafft.
optionale Bildunterschrift

C07 - Einfacher Teaser (Bild)

Ein Teaser ist ein kurzer, prägnanter Text, der dazu dient, das Interesse der Leser:innen zu wecken und sie dazu zu bringen, auf eine bestimmte Seite zu klicken, um mehr zu erfahren. Teaser helfen dabei, die Leser gezielt durch die Website zu leiten und auf interessante Inhalte aufmerksam zu machen.
Link zur Inhaltsseite
Das Bild zeigt mehrere Wissenschaftlerinnen und Wissenschaftler in Laborumgebungen, die an verschiedenen Forschungsprojekten arbeiten. Der Text betont, dass die Forschung neue Wege im Kampf gegen Krebs eröffnet.

C07 - Einfacher Teaser (Video)

Das Video zum 60. Jubiläum des Deutschen Krebsforschungszentrums stellt fünf junge Wissenschaftler:innen des DKFZ und ihre Projekte vor. Dabei geht es um zentrale Fragen der Krebsforschung. Die Vorstände erläutern die Mission dieses größten Krebsforschungszentrums in Europa, seine hochmoderne Infrastruktur und seine Rolle bei der Translation, also der Überführung von Forschungserkenntnissen zu den Krebspatient:innen.
Video bei YouTube ansehen

C23 - Tabelle

Alumni Position
Christoph Trebesius Molecular Biosciences Master Student Intern 2024
Isabelle Kremer DKFZ technician trainee 2023-2024
Jannes Straub Molecular Biosciences Master Student 2023-2024
Dr. Borja Gomez Ramos Postdoctoral fellow 2023-2024
Dr. Bettina Weigel Predoctoral Fellow 2018-24
Dr. Bryce Lim Predoctoral Fellow 2019-24
Dr. Elisa Heinzelmann Predoctoral Fellow 2018-24

C24 - Audio-Player

Quelle: SWR Radio

Standortekarte

Unsere interaktive Standortkarte auf der Webseite ermöglicht es Besucherinnen und Besuchern, alle relevanten Standorte auf einen Blick zu erfassen. Durch einfaches Zoomen und Verschieben der Karte lässt sich die gewünschte Position bequem finden. Jeder Standort ist übersichtlich markiert und enthält zusätzliche Informationen per Klick.

Standorte können zu einer Kategorie zusammengefasst und die entsprechenden Pins in der Karte über eine Filterung sichtbar oder unsichtbar geschaltet werden.

Die Standorte werden über eine interaktive Karte im Backend unkompliziert eingefügt und mit Name und optionalem Tooltip ausgestattet. Alternativ können Standorte im GeoJSON Format aus Github importiert werden.

Formular

Formulardaten werden geladen ...