TYPO3

Text & Medien Element

Nutzen Sie das Inhaltselement Text & Medien, um Fließtext, Bilder und/oder Videos anzuzeigen. 

Bilder und Videos müssen Sie vorher mit den richtigen Spezifikationen in die Dateiliste hochladen.

Zu den Designvarianten für Text & Medien

Text & Medien einfügen

  1. Seite öffnen: Öffnen Sie im TYPO3-Backend die Seite, die Sie bearbeiten möchten.
  2. Inhalt anlegen: Klicken Sie an der gewünschten Stelle auf Neuen Inhalt erstellen.
    Wählen Sie im Pop-up unter Typischer Seiteninhalt das Inhaltselement Text & Medien aus.
  3. Reiter Allgemein: Geben Sie hier die gewünschten Texte und Inhalte ein.
    1. Überschrift: Fügen Sie eine kurze, aussagekräftige Überschrift ein. Sie hilft den Besucher*innen, den Inhalt schneller zu erfassen. Wählen Sie Hidden (Versteckt), um die Überschrift nur im Backend anzuzeigen. Das hilft Ihnen, das Inhaltselement im Backend wiederzufinden. Besucher*innen der Website sehen eine versteckte Überschrift nicht.
    2. Text: Tragen Sie den gewünschten Fließtext in das Textfeld ein. Sie können Formatierungen (z. B. fett, kursiv, hoch- oder tiefgestellt) vornehmen, Aufzählungen, Nummerierungen, Links, Tabellen und Sonderzeichen einfügen sowie die Sprache des Textes festlegen.

Button einfügen (optional): Markieren Sie einen aussagekräftigen Text und verlinken Sie ihn über das Link-Symbol (bwz. Strg+K drücken) mit dem gewünschten Linkziel. Wählen Sie anschließend im Drop-down Stile den Punkt Button Secondary.

Optional können Sie im Reiter Medien ein Bild (gif, jpg, jpeg, png, webp) oder Video von den Plattformen YouTube oder Vimeo einfügen.

  1. Mediendatei hinzufügen:
    1. Klicken Sie auf Mediendatei hinzufügen und navigieren Sie im folgenden Pop-up Dateiauswahl im Seitenbaum zur gewünschten Datei.
    2. Aktivieren Sie die Checkbox oder klicken Sie auf das Plus-Symbol und klicken Sie auf Auswahl importieren.
    3. Die Datei wird in das Inhaltselement übernommen.
  2. Alternativer Text: Falls die Mediendatei nicht mit einem Alternativen Text (nur bei nicht-dekorativen Bildern) verknüpft ist, müssen Sie diesen nun eintragen. Dies ist für die digitale Barrierefreiheit und Suchmaschinenfreundlichkeit Ihrer Webseite wichtig.
  3. Beschreibung (optional): Sie können eine kurze Bildbeschreibung hinzufügen (z.B. die Namen der Personen, die Adresse des Gebäudes,…)
  4. Urheberrecht: Wenn das Bild eine Urheberrechtsangabe hat, müssen Sie diese hier einfügen.
  5. Editor öffnen:Klicken Sie unter Bildbearbeitung auf Editor öffnen, um das Seitenverhältnis des Bildes zu ändern.
  6. Link: Falls gewünscht, können Sie das Bild auch mit einem Link auf eine weiterführende Seite versehen.
  7. Vorschaubild: Falls Sie ein Video hochgeladen haben, können Sie das automatisch angezeigte Vorschaubild ersetzen.
  8. Position und Ausrichtung:Legen Sie fest, wo das Bild oder Video im Verhältnis zum Text angezeigt wird.
  9. Bei Klick vergrößern:Wenn Sie wollen, dass das Bild angeklickt und vergrößert dargestellt werden kann, betätigen Sie den Schieberegler.

Zum Abschluss scrollen Sie wieder nach oben und klicken Sie Speichern. 

Zu den Spezifikationen für Bilder

Wichtig

  • Wenn Sie mehrere Bilder einbinden möchten, legen Sie für jedes Bild ein eigenes Text & Medien-Element an. So bleibt die Darstellung auch in der mobilen Ansicht übersichtlich und barrierefrei.
  • Verwenden Sie für alle nicht-dekorativen Bilder (z. B. verlinkte Logos oder Grafiken mit Text) aussagekräftige Alt-Texte, um die digitale Barrierefreiheit und die Suchmaschinenfreundlichkeit der Seite zu gewährleisten.

Erscheinungsbild und Veröffentlichung festlegen

Reiter Erscheinungsbild:
Hier legen Sie fest, wie das Inhaltselement Text & Medienangezeigt wird.

  • Abstand danach: Wählen Sie Klein, um den Abstand zwischen diesem und dem darauffolgenden Inhaltselement zu verringern. Achtung: Diese Einstellung funktioniert nur, wenn kein alternativer Hintergrund aktiviert ist.
  • Alternativer Hintergrund: Aktivieren Sie den Schieberegler, um das Inhaltselement hellgrau zu hinterlegen.
  • Links in Menüs zeigen: Wenn Sie ein Inhaltsverzeichnis auf der Seite anlegen, erscheint die Überschrift des Inhaltselements darin als Link.
  • Link zum Seitenanfang anfügen: Fügt am Ende des Elements einen „Nach oben“-Link ein.

Reiter Zugriff:
Hier steuern Sie die Sichtbarkeit des Inhaltselements auf der Website.

  • Sichtbarkeit: Aktivieren Sie den Schieberegler, um das Inhaltselement auf der Website anzuzeigen oder auszublenden.
  • Veröffentlichungsdatum: Legen Sie fest, ab wann das Inhaltselement automatisch veröffentlicht wird.
    Diese Funktion ist hilfreich, wenn die Veröffentlichung während Ihrer Abwesenheit erfolgen soll.
  • Ablaufdatum: Tragen Sie ein Datum ein, ab dem das Inhaltselement nicht mehr angezeigt wird.
  • Zugriffsrechte für Benutzer*innengruppen: Bestimmen Sie, ob das Inhaltselement nur für angemeldete Nutzer*innen sichtbar ist.

Haben Sie noch Fragen?

Sie haben Fragen oder Anmerkungen zu den TYPO3 Anleitungen?

Nach oben