TYPO3 - Teaser - Page Teaser (Bilder-Slider/Karussel)

Anleitung
Anleitung
Informationen
Betriebssystem	Alle
Service	TYPO3
Interessant für	Angestellte
HilfeWiki des IMT der Uni Paderborn

TYPO3

Allgemeine Informationen

Das Inhaltselement "Page Teaser Slider" ermöglicht es Ihnen, auf der Webseite mehrere Seiten-Vorschauen in Form eines dynamischen Sliders einzufügen. Diese dienen dazu, den Besuchern eine interaktive Möglichkeit zu bieten, verschiedene Teaser-Inhalte zu erkunden und einen schnellen Überblick über die verfügbaren Seiten zu erhalten.

Was ist zu tun?[Bearbeiten | Quelltext bearbeiten]

Öffnen Sie die Typo3-Seite der Universität Paderborn.
Gehen Sie zum Seitenverzeichnis und suchen Sie die entsprechende Seite. (die Seite, auf der Sie das Inhaltselement "Page Teaser Slider" einfügen möchten).
Klicken Sie auf die entsprechende Seite im Seitenverzeichnis.
Sie haben die Möglichkeit, den "Page Teaser Slider" mit oder ohne Bilder zu erstellen.

Page Teaser Slider Mit Bilder[Bearbeiten | Quelltext bearbeiten]

Klicken Sie auf die Schaltfläche + Inhalt, um ein neues Inhaltselement hinzuzufügen.
Wählen Sie den Tab "Teaser".
Wählen Sie "Page Teaser Slider".
Unter dem Tab "Allgemein" ist der Typ standardmäßig auf "Page Teaser Slider" eingestellt.
Im Abschnitt "Überschrift" geben Sie eine Überschrift für das Inhaltselement "Page Teaser Slider".
Im Abschnitt "Überschrift in der Navigation deaktivieren" können Sie die Überschrift in der Navigation deaktivieren.
Im Abschnitt "alternative Überschrift in der Navigation" können Sie eine alternative Überschrift für die Navigation eingeben.
Wählen Sie im Abschnitt "Karussell" die Option "Karussell" aus.
Klicken Sie auf die Schaltfläche + Neu anlegen im Abschnitt "Page Teaser", um einen neuen Page Teaser hinzuzufügen.
Im Tab "Allgemein" geben Sie eine Überschrift für den erstellten Page Teaser, einen kurzen Text und ein Linkziel (CTA Url) ein. Optional können Sie auch einen neuen Linkbeschriftung (CTA-Text) auswählen.
Bei "CTA Url" können Sie eine interne Webseite der Universität Paderborn auswählen, indem Sie die ID der Webseite eingeben oder Sie können wie folgt eine externe URL eingeben.
Im Tab "Karussell" klicken Sie im Anschnitt "Medienelemente" auf die Schaltfläche "Mediendatei hinzufügen", um ein Bild auszuwählen.
Wählen Sie im Dialog "Dateiauswahl" das gewünschte Bild aus.
Klicken Sie auf die Schaltfläche "Auswahl importieren", um das ausgewählte Bild zu importieren.
Fügen Sie, falls nicht bereits voreingestellt wurde, einen "Alternativen Text" hinzu.
Bei Bedarf können Sie über die Schaltfläche "Editor öffnen" im Anschnitt "Bildbearbeitung" einen passenden Ausschnitt für das Web aus dem ausgewählten Bild festlegen (Beachten Sie, dass für das Layout "Karussell" ein quadratisches Bild benötigt).
Beachten Sie, dass es mindestens zwei weitere Page Teaser benötigt werden, um einen Slider zu erstellen.
Klicken Sie auf die Schaltfläche + Neu anlegen im Abschnitt "Page Teaser", um einen neuen Page Teaser hinzuzufügen und wiederholen Sie die entsprechenden Schritte.
Schließlich speichern Sie Ihre Änderungen, indem Sie auf die Schaltfläche "Speichern" klicken.
Nach dem Speichern der erstellten Page Teasers werden die erstellten Page Teasers im Abschnitt "Page Teaser" aufgelistet.

Page Teaser Slider Ohne Bilder[Bearbeiten | Quelltext bearbeiten]

Klicken Sie auf die Schaltfläche + Inhalt, um ein neues Inhaltselement hinzuzufügen.
Wählen Sie den Tab "Teaser".
Wählen Sie "Page Teaser Slider".
Unter dem Tab "Allgemein" ist der Typ standardmäßig auf "Page Teaser Slider" eingestellt.
Im Abschnitt "Überschrift" geben Sie eine Überschrift für das Inhaltselement "Page Teaser Slider".
Im Abschnitt "Überschrift in der Navigation deaktivieren" können Sie die Überschrift in der Navigation deaktivieren.
Im Abschnitt "alternative Überschrift in der Navigation" können Sie eine alternative Überschrift für die Navigation eingeben.
Wählen Sie im Abschnitt "Layout" die Option "Ohne Bilder" aus.
Klicken Sie auf die Schaltfläche + Neu anlegen im Abschnitt "Page Teaser", um einen neuen Page Teaser hinzuzufügen.
Im Tab "Allgemein" geben Sie eine Überschrift für den erstellten Page Teaser, einen kurzen Text und ein Linkziel (CTA Url) ein. Optional können Sie auch einen neuen Linkbeschriftung (CTA-Text) auswählen.
Bei "CTA Url" können Sie eine interne Webseite der Universität Paderborn auswählen, indem Sie die ID der Webseite eingeben oder Sie können wie folgt eine externe URL eingeben.
Beachten Sie, dass es mindestens drei weitere Page Teaser benötigt werden, um einen Slider zu erstellen.
Klicken Sie auf die Schaltfläche + Neu anlegen im Abschnitt "Page Teaser", um einen neuen Page Teaser hinzuzufügen und wiederholen Sie die entsprechenden Schritte.
Schließlich speichern Sie Ihre Änderungen, indem Sie auf die Schaltfläche "Speichern" klicken.
Nach dem Speichern der erstellten Page Teasers werden die erstellten Page Teasers im Abschnitt "Page Teaser" aufgelistet.

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

Typo3 öffnen[Bearbeiten | Quelltext bearbeiten]

Öffnen Sie die Typo3-Seite der Universität Paderborn
Geben Sie ihren Benutzernamen und Ihr Passwort ein.

Die entsprechende Seite im Seitenverzeichnis auswählen[Bearbeiten | Quelltext bearbeiten]

Gehen Sie zum Seitenverzeichnis und suchen Sie die entsprechende Seite. (die Seite, auf der Sie das Inhaltselement Page Teaser Slider einfügen möchten).
Klicken Sie auf die entsprechende Seite im Seitenverzeichnis.

Page Teaser Slider Mit Bilder[Bearbeiten | Quelltext bearbeiten]

Neues Inhaltselement erstellen[Bearbeiten | Quelltext bearbeiten]

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

Inhaltselement "Page Teaser Slider" wählen[Bearbeiten | Quelltext bearbeiten]

Wählen Sie den Tab "Teaser".
Wählen Sie "Page Teaser Slider".

Inhaltselement "Page Teaser Slider" bearbeiten[Bearbeiten | Quelltext bearbeiten]

Unter dem Tab "Allgemein" ist der Typ standardmäßig auf "Page Teaser Slider" eingestellt.
Im Abschnitt "Überschrift" geben Sie eine Überschrift für das Inhaltselement "Page Teaser Slider".
Im Abschnitt "Überschrift in der Navigation deaktivieren" können Sie die Überschrift in der Navigation deaktivieren.
Im Abschnitt "alternative Überschrift in der Navigation" können Sie eine alternative Überschrift für die Navigation eingeben.
Wählen Sie im Abschnitt "Layout" die Option "Karussell" aus.

Neuen "Page Teaser" anlegen[Bearbeiten | Quelltext bearbeiten]

Klicken Sie auf die Schaltfläche + Neu anlegen im Abschnitt "Page Teaser", um einen neuen Page Teaser hinzuzufügen.

"Page Teaser" Bearbeiten[Bearbeiten | Quelltext bearbeiten]

Wählen Sie den Tab "Allgemein".
Geben Sie eine Überschrift für den erstellten Page Teaser ein.
Geben Sie einen kurzen Text ein.
Optional können Sie auch einen neuen Linkbeschriftung (CTA-Text) eingeben.
Klicken Sie auf das "Link-Icon", um ein Linkziel (CTA Url) im Dialog "Link Browser" einzugeben bzw. auszuwählen.

Externes Linkziel (CTA Url) im Dialog "Link Browser" eingeben[Bearbeiten | Quelltext bearbeiten]

Wählen Sie den Tab "Externe URL".
Geben Sie den Link ein.
Anschließend klicken Sie auf die Schaltfläche "Link setzen".

Internes Linkziel (CTA Url) im Dialog "Link Browser" auswählen[Bearbeiten | Quelltext bearbeiten]

Wählen Sie den Tab "Seite".
Wählen Sie die Seite aus, die Sie verlinken möchten.
Anschließend klicken Sie auf die Schaltfläche "Link to".

Mediendatei für den "Page Teaser" Hinzufügen[Bearbeiten | Quelltext bearbeiten]

Wählen Sie den Tab "Karussell".
Klicken Sie im Anschnitt "Medienelemente" auf die Schaltfläche "Mediendatei hinzufügen", um ein Bild auszuwählen.

Ein Bild im Dialog "Dateiauswahl" auswählen[Bearbeiten | Quelltext bearbeiten]

Wählen Sie das entsprechende Bild aus.
Klicken Sie auf die Schaltfläche "Auswahl importieren", um das ausgewählte Bild zu importieren.

Das ausgewählte Bild bearbeiten[Bearbeiten | Quelltext bearbeiten]

Fügen Sie, falls nicht bereits voreingestellt wurde, einen "Alternativen Text" hinzu.
Sie können Bei Bedarf über die Schaltfläche "Editor öffnen" einen passenden Ausschnitt für das Web aus dem ausgewählten Bild festlegen (Beachten Sie, dass für das Layout "Karussell" ein quadratisches Bild benötigt wird).

Auflistung der erstellten Page Teasers[Bearbeiten | Quelltext bearbeiten]

Beachten Sie, dass es mindestens drei weitere Page Teaser benötigt werden, um einen Slider zu erstellen.
Klicken Sie auf die Schaltfläche + Neu anlegen im Abschnitt "Page Teaser", um einen neuen Page Teaser hinzuzufügen und wiederholen Sie die entsprechenden Schritte.

Änderungen speichern[Bearbeiten | Quelltext bearbeiten]

Schließlich speichern Sie Ihre Änderungen, indem Sie auf die Schaltfläche "Speichern" klicken.

Übersicht auf der Webseite[Bearbeiten | Quelltext bearbeiten]

Nach dem Speichern erscheint das Inhaltselement "Page Teaser Slider" mit dem Layout "Karussell" genauso, wie es im Bild dargestellt ist.

Page Teaser Slider Ohne Bilder[Bearbeiten | Quelltext bearbeiten]

Neues Inhaltselement erstellen[Bearbeiten | Quelltext bearbeiten]

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

Inhaltselement "Page Teaser Slider" wählen[Bearbeiten | Quelltext bearbeiten]

Wählen Sie den Tab "Teaser".
Wählen Sie "Page Teaser Slider".

Inhaltselement "Page Teaser Slider" bearbeiten[Bearbeiten | Quelltext bearbeiten]

Unter dem Tab "Allgemein" ist der Typ standardmäßig auf "Page Teaser Slider" eingestellt.
Im Abschnitt "Überschrift" geben Sie eine Überschrift für das Inhaltselement "Page Teaser Slider".
Im Abschnitt "Überschrift in der Navigation deaktivieren" können Sie die Überschrift in der Navigation deaktivieren.
Im Abschnitt "alternative Überschrift in der Navigation" können Sie eine alternative Überschrift für die Navigation eingeben.
Wählen Sie im Abschnitt "Layout" die Option "Ohne Bilder" aus.

Neuen "Page Teaser" anlegen[Bearbeiten | Quelltext bearbeiten]

Klicken Sie auf die Schaltfläche + Neu anlegen im Abschnitt "Page Teaser", um einen neuen Page Teaser hinzuzufügen.

"Page Teaser" Bearbeiten[Bearbeiten | Quelltext bearbeiten]

Wählen Sie den Tab "Allgemein".
Geben Sie eine Überschrift für den erstellten Page Teaser ein.
Geben Sie einen kurzen Text ein.
Optional können Sie auch einen neuen Linkbeschriftung (CTA-Text) eingeben.
Klicken Sie auf das "Link-Icon", um ein Linkziel (CTA Url) im Dialog "Link Browser" einzugeben bzw. auszuwählen.

Externes Linkziel (CTA Url) im Dialog "Link Browser" eingeben[Bearbeiten | Quelltext bearbeiten]

Wählen Sie den Tab "Externe URL".
Geben Sie den Link ein.
Anschließend klicken Sie auf die Schaltfläche "Link setzen".

Internes Linkziel (CTA Url) im Dialog "Link Browser" auswählen[Bearbeiten | Quelltext bearbeiten]

Wählen Sie den Tab "Seite".
Wählen Sie die Seite aus, die Sie verlinken möchten.
Anschließend klicken Sie auf die Schaltfläche "Link to".

Siehe auch[Bearbeiten | Quelltext bearbeiten]

TYPO3

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: imt@uni-paderborn.de

Das Notebook-Café ist die Benutzerberatung des IMT

Das IMT:Notebook-Café (Raum I0.401) bietet in der vorlesungsfreien Zeit nur eingeschränkten Support

	Mo	Di-Do	Fr
Vor-Ort-Support	08:30-16 Uhr		08:30-14 Uhr
Telefonsupport	08:30-16 Uhr		08:30-14 Uhr

Das IMT:Servicecenter Medien auf H1 hat ab 8. April wieder von Montag bis Donnerstag von 08:00-16:00 Uhr und Freitags von 08:00 bis 14:30 Uhr geöffnet.