TYPO3 - Teaser - Page Teaser

ZIM HilfeWiki - das Wiki

Allgemeine Informationen
Anleitung
Informationen
BetriebssystemAlle
ServiceTYPO3
Interessant fürAngestellte
HilfeWiki des ZIM der Uni Paderborn

no displaytitle found: TYPO3 - Teaser - Page Teaser

Diese Anleitung erklärt das Einfügen der Elemente Page Teaser in TYPO3. Die Elemente sind dafür geeignet, wichtige oder interessante Themen oder Personen mit Bild und Text kurz vorzustellen (anteasern) und dann auf eine Unterseite zu verweisen.

Im Element Page Teaser werden die Inhalte standardmäßig horizontal untereinander dargestellt, im Element Page Teaser (Layout Box) werden die Elemente ebenfalls horizontal untereinander, aber mit Rahmen dargestellt, das Element Page Teaser (Layout Box-SidebySide) stellt die Elemente vertikal nebeneinander dar. Die Darstellungsformen lassen sich in jedem Element wie unten beschrieben einfach anpassen, so dass die Darstellungsform jederzeit nach der Erstellung auch geändert werden kann.

Was ist zu tun?[Bearbeiten | Quelltext bearbeiten]

  • Seite öffnen → + Inhalt → „Teaser“ → „Page Teaser“ auswählen.
  • Überschrift eingeben, optional in der Navigation deaktivieren.
  • Teaser erstellen: + Neu anlegen und Inhalte wie Text und Bild hinzufügen.
  • Darstellungsoptionen auswählen: (Standard, Box, Box - Side by Side) .
  • Speichern.

Schritt-für-Schritt Anleitung[Bearbeiten | Quelltext bearbeiten]

Page Teaser hinzufügen[Bearbeiten | Quelltext bearbeiten]

Öffnen Sie die Seite, auf der Sie das Inhaltselement einfügen möchten.

Inhaltselement hinzufügen


  • Klicken Sie auf + Inhalt, um ein neues Inhaltselement hinzuzufügen.


Typo3-page-teaser-01.png


  1. Öffnen Sie den Tab "Teaser"
  2. Wählen Sie "Page Teaser".


Typo3-page-teaser-02.png


  • Öffnen Sie den Tab "Allgemein".
  • Geben Sie eine Überschrift ein.
  • Optional können Sie die Anzeige der Überschrift in der Navigation deaktivieren oder eine alternative Überschrift für die Navigation wählen.


Typo3-page-teaser-03.png


  • Klicken Sie auf + Neu anlegen , um einen neuen Teaser zu erstellen.


Typo3-page-teaser-04.png


  1. Geben Sie eine Überschrift ein.
  2. Geben Sie einen Beschreibungstext ein.
  3. Fügen Sie über Mediendatei hinzufügen ein Bild hinzu.
  4. Im diesem Beispiel verwenden wir Bilder im Seitenverhältnis 16:9.


Typo3-page-teaser-05.png



Klicken Sie auf Speichern , um die Änderungen zu übernehmen.

Weitere Einstellungen[Bearbeiten | Quelltext bearbeiten]

Typo3-page-teaser-12.png


  • Sie können zwischen drei verschiedenen Darstellungsoptionen wählen:
    • Standard
    • Box
    • Box - side by side


Typo3-page-teaser-13.png


  • Über die Schaltfläche + Neu anlegen können Sie weitere Teaser hinzufügen.


Beispiele[Bearbeiten | Quelltext bearbeiten]

Page Teaser - Standard - 1 Teaser


Page Teaser - Box - 1 Teaser


Page Teaser - side by side - 1 Teaser


Die Darstellungsoption "Box - side by side" eignet sich für die kompakte Darstellung mehrerer Teaser.

Page Teaser - side by side - 3 Teaser


Sie können statt oder zusätzlich zu dem Link "Mehr erfahren" über eine Linkliste einen Link oder mehrere Links eingeben.

Page Teaser - side by side - 3 Teaser mit Linkliste


Sie können in TYPO3 folgendermaßen eine Linkliste einfügen:

Linkliste in TYPO3
Page Teaser - standard - 3 Teaser


Page Teaser - box - 3 Teaser


Siehe auch[Bearbeiten | Quelltext bearbeiten]


Bei Fragen oder Problemen wenden Sie sich bitte telefonisch oder per E-Mail an uns:

Tel. IT: +49 (5251) 60-5544 Tel. Medien: +49 (5251) 60-2821 E-Mail: zim@uni-paderborn.de

Das Notebook-Café ist die Benutzerberatung des ZIM - Sie finden uns in Raum I0.401

Wir sind zu folgenden Zeiten erreichbar:


Mo Di - Fr
Vor-Ort-Support Geschlossen Über die Feiertage geschlossen
Telefonsupport 08:30 - 13:00 Über die Feiertage geschlossen


Das ZIM:Servicecenter Medien auf H1 hat aktuell zu folgenden Zeiten geöffnet:

Mo Di - Fr
08:00 - 16:00 Über die Feiertage geschlossen


Cookies helfen uns bei der Bereitstellung des ZIM HilfeWikis. Bei der Nutzung vom ZIM HilfeWiki werden die in der Datenschutzerklärung beschriebenen Cookies gespeichert.