TYPO3 - Teaser - Page Teaser Slider: Unterschied zwischen den Versionen

IMT HilfeWiki - das Wiki
 
(62 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 3: Zeile 3:
 
|service=Service:Typo3
 
|service=Service:Typo3
 
|targetgroup=Angestellte
 
|targetgroup=Angestellte
−
|displaytitle=TYPO3 - Teaser - Page Teaser (Bilder-Slider/Karussel)
 
 
|hasdisambig=Nein
 
|hasdisambig=Nein
 
}}
 
}}
−
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.
+
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? ==
 
== Was ist zu tun? ==
−
* Öffnen Sie die Typo3-Seite der Universität Paderborn.
+
=== Page Teaser Slider Mit Bilder ===
−
* Gehen Sie zum Seitenverzeichnis und suchen Sie die entsprechende Seite. (die Seite, auf der Sie das Inhaltselement "Page Teaser Slider" einfügen möchten).
+
* Öffnen Sie die [http://www.upb.de/typo3 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.
 
* Klicken Sie auf die entsprechende Seite im Seitenverzeichnis.
−
 
+
* Klicken Sie auf die Schaltfläche <code>+ Inhalt</code>, um ein neues Inhaltselement hinzuzufügen.
−
=== Page Teaser Slider Mit Bilder ===
+
* Wählen Sie den Tab '''"Teaser"'''.
−
* Klicken Sie auf die Schaltfläche + Inhalt, um ein neues Inhaltselement hinzuzufügen.
+
* Wählen Sie '''"Page Teaser Slider"'''.
−
* Wählen Sie den Tab "Teaser".
+
* Unter dem Tab '''"Allgemein"''' ist der Typ standardmäßig auf '''"Page Teaser Slider"''' eingestellt.
−
* Wählen Sie "Page Teaser Slider".
+
* Im Abschnitt '''"Überschrift"''' geben Sie eine Überschrift für das Inhaltselement '''"Page Teaser Slider"'''.
−
* Unter dem Tab "Allgemein" ist der Typ standardmäßig auf "Page Teaser Slider" eingestellt.
+
* Im Abschnitt '''"Überschrift in der Navigation deaktivieren"''' können Sie die Überschrift in der Navigation deaktivieren.
−
* Im Abschnitt "Überschrift" geben Sie eine Überschrift für das Inhaltselement "Page Teaser Slider"
+
* Im Abschnitt '''"alternative Überschrift in der Navigation"''' können Sie eine alternative Überschrift für die Navigation eingeben.
−
* Im Abschnitt "Überschrift in der Navigation deaktivieren" können Sie die Überschrift in der Navigation deaktivieren.
+
* Wählen Sie im Abschnitt '''"Karussell"''' die Option '''"Karussell"''' aus.
−
* Im Abschnitt "alternative Überschrift in der Navigation" können Sie eine alternative Überschrift für die Navigation eingeben.
+
* Klicken Sie auf die Schaltfläche <code>+ Neu anlegen</code> im Abschnitt '''"Page Teaser"''', um einen neuen Page Teaser hinzuzufügen.
−
* Wählen Sie im Abschnitt "Karussell" die Option 'Ohne Bilder' aus.
+
* 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.
−
* Klicken Sie auf die Schaltfläche „+ Neu anlegen“ im Abschnitt „Page Teaser“, um einen neuen Page Teaser hinzuzufügen.
+
* Im Tab '''"Karussell"''' klicken Sie im Anschnitt '''"Medienelemente"''' auf die Schaltfläche '''"Mediendatei hinzufügen"''', um ein Bild auszuwählen.
−
* 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.
+
* Wählen Sie im Dialog '''"Dateiauswahl"''' das gewünschte Bild aus.
−
* 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.
+
* Klicken Sie auf die Schaltfläche '''"Auswahl importieren"''', um das ausgewählte Bild zu importieren.
−
* Im Tab „Karussell“ klicken Sie im Anschnitt "Medienelemente" auf die Schaltfläche "Mediendatei hinzufügen", um ein Bild auszuwählen.
+
* Fügen Sie, falls nicht bereits voreingestellt wurde, einen '''"Alternativen Text"''' hinzu.
−
* Wählen Sie im Dialog "Dateiauswahl" das gewünschte Bild aus.
+
* 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).
−
* Klicken Sie auf die Schaltfläche "Auswahl importieren", um das ausgewählte Bild zu importieren.
+
* Beachten Sie bitte, dass es mindestens zwei weitere Page Teaser benötigt werden, um einen Slider zu erstellen.
−
* Fügen Sie, falls nicht bereits voreingestellt, einen „Alternativen Text“ hinzu.
+
* Klicken Sie auf die Schaltfläche <code>+ Neu anlegen</code> im Abschnitt '''"Page Teaser"''', um einen neuen Page Teaser hinzuzufügen und wiederholen Sie die entsprechenden Schritte.
−
* 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).
+
* Schließlich speichern Sie Ihre Änderungen, indem Sie auf die Schaltfläche "Speichern" klicken.
−
* Beachten Sie, dass es mindestens zwei weitere Page Teaser benötigt werden, um einen Slider zu erstellen.
+
* Nach dem Speichern der erstellten Page Teasers werden die erstellten Page Teasers im Abschnitt '''"Page Teaser"''' aufgelistet.
−
* 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.
 
−
* Nun 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 ===
 
=== Page Teaser Slider Ohne Bilder ===
−
* Klicken Sie auf die Schaltfläche + Inhalt, um ein neues Inhaltselement hinzuzufügen.
+
* Öffnen Sie die [http://www.upb.de/typo3 Typo3-Seite] der Universität Paderborn.
−
* Wählen Sie den Tab "Teaser".
+
* Gehen Sie zum Seitenverzeichnis und suchen Sie die entsprechende Seite (die Seite, auf der Sie das Inhaltselement '''"Page Teaser Slider"''' einfügen möchten).
−
* Wählen Sie "Page Teaser Slider".
+
* Klicken Sie auf die entsprechende Seite im Seitenverzeichnis.
−
* Unter dem Tab "Allgemein" ist der Typ standardmäßig auf "Page Teaser Slider" eingestellt.  
+
* Klicken Sie auf die Schaltfläche <code>+ Inhalt</code>, um ein neues Inhaltselement hinzuzufügen.
−
* Im Abschnitt "Überschrift" geben Sie eine Überschrift für das Inhaltselement "Page Teaser Slider".
+
* Wählen Sie den Tab "'''Teaser"'''.
−
* Im Abschnitt "Überschrift in der Navigation deaktivieren" können Sie die Überschrift in der Navigation deaktivieren.
+
* Wählen Sie '''"Page Teaser Slider"'''.
−
* Im Abschnitt "alternative Überschrift in der Navigation" können Sie eine alternative Überschrift für die Navigation eingeben.
+
* Unter dem Tab '''"Allgemein"''' ist der Typ standardmäßig auf '''"Page Teaser Slider"''' eingestellt.  
−
* Wählen Sie im Abschnitt "Layout" die Option 'Ohne Bilder' aus.
+
* Im Abschnitt '''"Überschrift"''' geben Sie eine Überschrift für das Inhaltselement '''"Page Teaser Slider"'''.
−
* Klicken Sie auf die Schaltfläche „+ Neu anlegen“ im Abschnitt „Page Teaser“, um einen neuen Page Teaser hinzuzufügen.
+
* Im Abschnitt "'''Überschrift in der Navigation deaktivieren"''' können Sie die Überschrift in der Navigation deaktivieren.
−
* 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.
+
* Im Abschnitt '''"alternative Überschrift in der Navigation"''' können Sie eine alternative Überschrift für die Navigation eingeben.
−
* 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.
+
* Wählen Sie im Abschnitt '''"Layout"''' die Option '''"Ohne Bilder"''' aus.
 +
* Klicken Sie auf die Schaltfläche <code>+ Neu anlegen</code> 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.
 
* Beachten Sie, dass es mindestens drei weitere Page Teaser benötigt werden, um einen Slider zu erstellen.
 
* 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.
+
* Klicken Sie auf die Schaltfläche <code>+ Neu anlegen</code> im Abschnitt '''"Page Teaser"''', um einen neuen Page Teaser hinzuzufügen und wiederholen Sie die entsprechenden Schritte.
−
* Nun speichern Sie Ihre Änderungen, indem Sie auf die Schaltfläche "Speichern" klicken.
+
* 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.  
+
* Nach dem Speichern der erstellten Page Teasers werden die erstellten Page Teasers im Abschnitt '''"Page Teaser"''' aufgelistet.  
  
 
== Schritt-für-Schritt Anleitung ==
 
== Schritt-für-Schritt Anleitung ==
 +
=== Page Teaser Slider Mit Bildern ===
 +
[[Datei:Screenshot_TYPO3_URL_aktualisieren_01.png|350px|thumb|left|TYPO3-Anmeldeseite der Universität Paderborn]]
 +
<br>
 +
* Öffnen Sie die [http://www.upb.de/typo3 Typo3-Seite] der Universität Paderborn
 +
* Geben Sie ihren Benutzernamen und Ihr Passwort ein.
 +
<br clear=all>
 +
 +
[[Datei:Screenshot_TYPO3 _Einleitungstext_hinzufuegen_01.png|350px|thumb|left|TYPO3-Seitenverzeichnis]]
 +
<br>
 +
* 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.
 +
<br clear=all>
 +
 +
[[Datei:Screenshot_TYPO3 _Einleitungstext_hinzufuegen_02.png|350px|thumb|left|Neues Inhaltselement erstellen]]
 +
<br>
 +
* Klicken Sie auf <code>+ Inhalt</code>, um ein neues Inhaltselement hinzuzufügen.
 +
<br clear=all>
  
−
Klicken Sie in der Ansicht „Seiteninhalt“ an der gewünschten Stelle auf „+ Inhalt“, um ein neues Inhaltselement zu erstellen.
+
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_01.png|350px|thumb|left|Neues Inhaltselement hinzufügen]]
 +
<br>
 +
* Wählen Sie den Tab '''"Teaser"'''.
 +
* Wählen Sie '''"Page Teaser Slider"'''.
 +
<br clear=all>
  
−
[[Datei: Screenshot TYPO3 Page Teaser Slider 01.png|links|mini|ohne|520px|Inhaltselement hinzufügen]]
+
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_02.png|350px|thumb|left|Inhaltselement "Page Teaser Slider" bearbeiten]]  
 +
<br>
 +
* 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.
 
<br clear=all>
 
<br clear=all>
  
−
Klicken Sie auf „Page Teaser (Layout: Bilder-Slider/Karussell)“
+
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_03.png|350px|thumb|left|Neuen "Page Teaser" anlegen]]
 +
<br>
 +
* Klicken Sie auf die Schaltfläche <code>+ Neu anlegen</code> im Abschnitt '''"Page Teaser"''', um einen neuen Page Teaser hinzuzufügen.
 +
<br clear=all>
  
−
[[Datei: Screenshot TYPO3 Page Teaser Slider 02.png|links|mini|ohne|520px|Inhaltselement: Page-Teaser hinzufügen]]
+
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_04.png|350px|thumb|left|"Page Teaser" Bearbeiten]]
 +
<br>
 +
* 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.
 
<br clear=all>
 
<br clear=all>
  
−
Auf „Allgemein“ ist als Typ „Page Teaser (Layout: Slider)“ voreingestellt. Fügen Sie eine Überschrift ein.
+
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_05.png|350px|thumb|left|Externes Linkziel (CTA Url) im Dialog "Link Browser" eingeben]]
−
Sie können die Überschrift in der Navigation deaktivieren oder eine alternative Überschrift für die Navigation festlegen. Das geschieht hier nicht. Bei „Layout“ ist „Karussell“ voreingestellt.
+
<br>
 +
* Sie Können ein externes Linkziel eingeben, indem Sie Sie den Tab '''"Externe URL"''' wählen.
 +
* Geben Sie den Link ein.
 +
* Anschließend klicken Sie auf die Schaltfläche '''"Link setzen"'''.
 +
<br clear=all>
  
−
[[Datei: Screenshot TYPO3 Page Teaser Slider 03.png|links|mini|ohne|520px|Menü: Allgemein]]
+
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_06.png|350px|thumb|left|Internes Linkziel (CTA Url) im Dialog "Link Browser" auswählen]]
 +
<br>
 +
* Oder Sie Können ein internes Linkziel auswählen, indem Sie den Tab '''"Seite"''' wählen.
 +
* Wählen Sie die Seite aus, die Sie verlinken möchten.
 +
* Anschließend klicken Sie auf die Schaltfläche '''"Link to"'''.
 +
'''Sie können auch auf Seiten verlinken, die nicht in Ihrem eigenen TYPO3-Backend sichtbar sind. Für weitere Informationen lesen Sie bitte die Anleitung [[TYPO3 - Interne Verlinkung]]'''
 
<br clear=all>
 
<br clear=all>
  
−
Fügen Sie über „+ Neu anlegen“ unter „Page Teaser“ einen Page Teaser hinzu:
+
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_07.png|350px|thumb|left|Mediendatei Hinzufügen]]
 +
<br>
 +
* Wählen Sie den Tab '''"Karussell"'''.
 +
* Klicken Sie im Anschnitt '''"Medienelemente"''' auf die Schaltfläche '''"Mediendatei hinzufügen"''', um ein Bild auszuwählen.
 +
<br clear=all>
  
−
[[Datei: Screenshot TYPO3 Page Teaser Slider 04.png|links|mini|ohne|520px|Page-Teaser hinzufügen]]
+
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_08.png|350px|thumb|left|Dateiauswahl]]
 +
<br>
 +
* Wählen Sie das entsprechende Bild aus.
 +
* Klicken Sie auf die Schaltfläche '''"Auswahl importieren"''', um das ausgewählte Bild zu importieren.
 
<br clear=all>
 
<br clear=all>
  
−
Für den Page Teaser müssen Sie auf „Allgemein“ eine Überschrift, einen kurzen Text und ein Linkziel (CTA Url) sowie optional eine neue Linkbeschriftung (CTA Text) eingeben bzw. auswählen:
+
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_09.png|350px|thumb|left|Bild bearbeiten]]
 +
<br>
 +
* 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).
 +
<br clear=all>
  
−
[[Datei: Screenshot TYPO3 Page Teaser Slider 05.png|links|mini|ohne|520px|Angaben hinzufügen]]
+
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_12.png|350px|thumb|left|Auflistung der erstellten Page Teasers]]
 +
<br>
 +
* Beachten Sie, dass es mindestens '''zwei''' weitere Page Teaser benötigt werden, um einen Slider zu erstellen.
 +
* Klicken Sie auf die Schaltfläche <code>+ Neu anlegen</code> im Abschnitt '''"Page Teaser"''', um einen neuen Page Teaser hinzuzufügen und wiederholen Sie die entsprechenden Schritte.
 
<br clear=all>
 
<br clear=all>
  
−
Sie können bei „CTA Url“ eine interne Webseite auswählen oder eine externe URL eingeben. Geben Sie, wenn Sie auf eine Seite der Universität Paderborn verlinken möchten, die nicht in jenem Webbereich liegt, den Sie selbst in TYPO3 bearbeiten können, die ID der Webseite an (siehe die Anleitung „Interne Verlinkung setzen“).
+
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_11.png|350px|thumb|left|Änderungen speichern]]
 +
<br>
 +
* Schließlich speichern Sie Ihre Änderungen, indem Sie auf die Schaltfläche '''"Speichern"''' klicken.
 
<br clear=all>
 
<br clear=all>
  
−
Auf „Karussell“ müssen Sie über „Mediendatei hinzufügen“ ein Bild auswählen:
+
Nach dem Speichern erscheint das Inhaltselement '''"Page Teaser Slider"''' mit dem Layout '''"Karussell"''' genauso, wie es im Bild dargestellt ist.
 +
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_13.png|850px|thumb|left|Übersicht auf der Webseite]]
 +
<br clear=all>
  
−
[[Datei: Screenshot TYPO3 Page Teaser Slider 06.png|links|mini|ohne|520px|Mediendatei hinzufügen]]
+
=== Page Teaser Slider Ohne Bilder ===
 +
[[Datei:Screenshot_TYPO3_URL_aktualisieren_01.png|350px|thumb|left|TYPO3-Anmeldeseite der Universität Paderborn]]
 +
<br>
 +
* Öffnen Sie die [http://www.upb.de/typo3 Typo3-Seite] der Universität Paderborn
 +
* Geben Sie ihren Benutzernamen und Ihr Passwort ein.
 
<br clear=all>
 
<br clear=all>
  
−
Für einen Slider reicht ein einziges Element aber nicht aus. Erstellen Sie über „+ Neu anlegen“ noch mindestens zwei weitere Elemente.
+
[[Datei:Screenshot_TYPO3 _Einleitungstext_hinzufuegen_01.png|350px|thumb|left|TYPO3-Seitenverzeichnis]]
 +
<br>
 +
* 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.
 
<br clear=all>
 
<br clear=all>
  
−
So könnte der Page Teaser Slider im Web aussehen:
+
[[Datei:Screenshot_TYPO3 _Einleitungstext_hinzufuegen_02.png|350px|thumb|left|Neues Inhaltselement erstellen]]
 +
<br>
 +
* Klicken Sie auf <code>+ Inhalt</code>, um ein neues Inhaltselement hinzuzufügen.
 +
<br clear=all>
 +
 
 +
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_01.png|350px|thumb|left|Neues Inhaltselement hinzufügen]]
 +
<br>
 +
* Wählen Sie den Tab '''"Teaser"'''.
 +
* Wählen Sie '''"Page Teaser Slider"'''.
 +
<br clear=all>
 +
 
 +
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_14.png|350px|thumb|left|Inhaltselement "Page Teaser Slider" bearbeiten]]
 +
<br>
 +
* 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.
 +
<br clear=all>
 +
 
 +
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_03.png|350px|thumb|left|Neuen "Page Teaser" anlegen]]
 +
<br>
 +
* Klicken Sie auf die Schaltfläche <code>+ Neu anlegen</code> im Abschnitt '''"Page Teaser"''', um einen neuen Page Teaser hinzuzufügen.
 +
<br clear=all>
 +
 
 +
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_16.png|350px|thumb|left|"Page Teaser" Bearbeiten]]
 +
<br>
 +
* 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.
 +
<br clear=all>
 +
 
 +
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_05.png|350px|thumb|left|Externes Linkziel (CTA Url) im Dialog "Link Browser" eingeben]]
 +
<br>
 +
* Sie Können ein externes Linkziel eingeben, indem Sie Sie den Tab '''"Externe URL"''' wählen.
 +
* Geben Sie den Link ein.
 +
* Anschließend klicken Sie auf die Schaltfläche '''"Link setzen"'''.
 +
<br clear=all>
 +
 
 +
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_06.png|350px|thumb|left|Internes Linkziel (CTA Url) im Dialog "Link Browser" auswählen]]
 +
<br>
 +
* Oder Sie Können ein internes Linkziel auswählen, indem Sie den Tab '''"Seite"''' wählen.
 +
* Wählen Sie die Seite aus, die Sie verlinken möchten.
 +
* Anschließend klicken Sie auf die Schaltfläche '''"Link to"'''.
 +
'''Sie können auch auf Seiten verlinken, die nicht in Ihrem eigenen TYPO3-Backend sichtbar sind. Für weitere Informationen lesen Sie bitte die Anleitung [[TYPO3 - Interne Verlinkung]]'''
 +
<br clear=all>
 +
 
 +
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_18.png|350px|thumb|left|Auflistung der erstellten Page Teasers]]
 +
<br>
 +
* Beachten Sie, dass es mindestens '''drei''' weitere Page Teaser benötigt werden, um einen Slider zu erstellen.
 +
* Klicken Sie auf die Schaltfläche <code>+ Neu anlegen</code> im Abschnitt '''"Page Teaser"''', um einen neuen Page Teaser hinzuzufügen und wiederholen Sie die entsprechenden Schritte.
 +
<br clear=all>
 +
 
 +
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_17.png|350px|thumb|left|Änderungen speichern]]
 +
<br>
 +
* Schließlich speichern Sie Ihre Änderungen, indem Sie auf die Schaltfläche '''"Speichern"''' klicken.
 +
<br clear=all>
  
−
[[Datei: Screenshot TYPO3 Page Teaser Slider 07.png|links|mini|ohne|520px|Webansicht]]
+
Nach dem Speichern erscheint das Inhaltselement '''"Page Teaser Slider"''' mit dem Layout '''"Ohne Bilder"''' genauso, wie es im Bild dargestellt ist.
 +
[[Datei:Screenshot_TYPO3_Page_Teaser_Slider_V2_19.png|850px|thumb|left|Übersicht auf der Webseite]]
 
<br clear=all>
 
<br clear=all>
  
 
== Siehe auch ==
 
== Siehe auch ==
 
* [[TYPO3]]
 
* [[TYPO3]]
 +
* [[TYPO3 - Interne Verlinkung]]
 +
* [[TYPO3 - Dateien hochladen]]

Aktuelle Version vom 23. April 2024, 07:59 Uhr

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

no displaytitle found: TYPO3 - Teaser - Page Teaser Slider

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]

Page Teaser Slider Mit Bilder[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.
  • 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.
  • 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 bitte, 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]

  • Ö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.
  • 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.
  • 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]

Page Teaser Slider Mit Bildern[Bearbeiten | Quelltext bearbeiten]

TYPO3-Anmeldeseite der Universität Paderborn


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


TYPO3-Seitenverzeichnis


  • 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.


Neues Inhaltselement erstellen


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


Neues Inhaltselement hinzufügen


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


Inhaltselement "Page Teaser Slider" 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


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


"Page Teaser" 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


  • Sie Können ein externes Linkziel eingeben, indem Sie Sie den Tab "Externe URL" wählen.
  • 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


  • Oder Sie Können ein internes Linkziel auswählen, indem Sie den Tab "Seite" wählen.
  • Wählen Sie die Seite aus, die Sie verlinken möchten.
  • Anschließend klicken Sie auf die Schaltfläche "Link to".

Sie können auch auf Seiten verlinken, die nicht in Ihrem eigenen TYPO3-Backend sichtbar sind. Für weitere Informationen lesen Sie bitte die Anleitung TYPO3 - Interne Verlinkung

Mediendatei Hinzufügen


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


Dateiauswahl


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


Bild 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


  • 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.


Änderungen speichern


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


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

Übersicht auf der Webseite


Page Teaser Slider Ohne Bilder[Bearbeiten | Quelltext bearbeiten]

TYPO3-Anmeldeseite der Universität Paderborn


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


TYPO3-Seitenverzeichnis


  • 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.


Neues Inhaltselement erstellen


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


Neues Inhaltselement hinzufügen


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


Inhaltselement "Page Teaser Slider" 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


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


"Page Teaser" 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


  • Sie Können ein externes Linkziel eingeben, indem Sie Sie den Tab "Externe URL" wählen.
  • 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


  • Oder Sie Können ein internes Linkziel auswählen, indem Sie den Tab "Seite" wählen.
  • Wählen Sie die Seite aus, die Sie verlinken möchten.
  • Anschließend klicken Sie auf die Schaltfläche "Link to".

Sie können auch auf Seiten verlinken, die nicht in Ihrem eigenen TYPO3-Backend sichtbar sind. Für weitere Informationen lesen Sie bitte die Anleitung TYPO3 - Interne Verlinkung

Auflistung der erstellten Page Teasers


  • 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


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


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

Übersicht auf der Webseite


Siehe auch[Bearbeiten | Quelltext bearbeiten]

Content Management System (CMS) das zum Erstellen, Bearbeiten und Pflegen von Webseiten genutzt wird.

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.

Abgerufen von „https://hilfe.uni-paderborn.de/index.php?title=TYPO3_-_Teaser_-_Page_Teaser_Slider&oldid=34248“
Cookies helfen uns bei der Bereitstellung des IMT HilfeWikis. Bei der Nutzung vom IMT HilfeWiki werden die in der Datenschutzerklärung beschriebenen Cookies gespeichert.
Weitere Informationen