Jnk (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „{{article |type=Anleitung |service=Service:Typo3 |targetgroup=Angestellte |hasdisambig=Nein }} {{template caller |marker=Draft }} Diese Anleitung erklär…“) |
|||
(9 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt) | |||
Zeile 5: | Zeile 5: | ||
|hasdisambig=Nein | |hasdisambig=Nein | ||
}} | }} | ||
− | + | 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. | |
− | Diese Anleitung erklärt das Einfügen | ||
== Schritt-für-Schritt Anleitung == | == Schritt-für-Schritt Anleitung == | ||
+ | ===Page Teaser hinzufügen=== | ||
Öffnen Sie die Seite, auf der Sie das Inhaltselement einfügen möchten. | Öffnen Sie die Seite, auf der Sie das Inhaltselement einfügen möchten. | ||
[[Datei:Typo3-akkordeon-01.png|links|mini|ohne|450px|Inhaltselement hinzufügen]] | [[Datei:Typo3-akkordeon-01.png|links|mini|ohne|450px|Inhaltselement hinzufügen]] | ||
<br> | <br> | ||
− | * Klicken Sie auf <code>+ Inhalt</code> um ein neues Inhaltselement hinzuzufügen. | + | * Klicken Sie auf <code>+ Inhalt</code>, um ein neues Inhaltselement hinzuzufügen. |
+ | <br clear=all> | ||
+ | |||
+ | [[Datei:Typo3-page-teaser-01.png|links|mini|ohne|450px]] | ||
+ | <br> | ||
+ | # Öffnen Sie den Tab '''"Teaser"''' | ||
+ | # Wählen Sie '''"Page Teaser"'''. | ||
+ | <br clear=all> | ||
+ | |||
+ | [[Datei:Typo3-page-teaser-02.png|links|mini|ohne|450px]] | ||
+ | <br> | ||
+ | * Ö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. | ||
<br clear=all> | <br clear=all> | ||
+ | [[Datei:Typo3-page-teaser-03.png|links|mini|ohne|450px]] | ||
+ | <br> | ||
+ | * Klicken Sie auf <code> + Neu anlegen </code>, um einen neuen Teaser zu erstellen. | ||
+ | <br clear=all> | ||
+ | |||
+ | [[Datei:Typo3-page-teaser-04.png|links|mini|ohne|450px]] | ||
+ | <br> | ||
+ | # Geben Sie eine Überschrift ein. | ||
+ | # Geben Sie einen Beschreibungstext ein. | ||
+ | # Fügen Sie über <code> Mediendatei hinzufügen </code> ein Bild hinzu. | ||
+ | # Im diesem Beispiel verwenden wir Bilder im Seitenverhältnis 16:9. | ||
+ | <br clear=all> | ||
+ | |||
+ | [[Datei:Typo3-page-teaser-05.png|links|mini|ohne|450px]] | ||
+ | <br> | ||
+ | * Seiten der Uni Paderborn können Sie über die Interne ID verlinken. | ||
+ | * Mehr dazu unter [[TYPO3 - Interne Verlinkung]] | ||
+ | <br clear=all> | ||
+ | |||
+ | Klicken Sie auf <code> Speichern </code>, um die Änderungen zu übernehmen. | ||
+ | |||
+ | ===Weitere Einstellungen=== | ||
+ | [[Datei:Typo3-page-teaser-12.png|links|mini|ohne|450px]] | ||
+ | <br> | ||
+ | * Sie können zwischen drei verschiedenen Darstellungsoptionen wählen: | ||
+ | ** Standard | ||
+ | ** Box | ||
+ | ** Box - side by side | ||
+ | <br clear=all> | ||
+ | |||
+ | [[Datei:Typo3-page-teaser-13.png|links|mini|ohne|450px]] | ||
+ | <br> | ||
+ | * Über die Schaltfläche <code> + Neu anlegen </code> können Sie weitere Teaser hinzufügen. | ||
+ | <br clear=all> | ||
+ | |||
+ | ==Beispiele== | ||
+ | [[Datei:Typo3-page-teaser-06.png|links|mini|ohne|850px|Page Teaser - Standard - 1 Teaser]] | ||
+ | <br clear=all> | ||
+ | [[Datei:Typo3-page-teaser-07.png|links|mini|ohne|850px|Page Teaser - Box - 1 Teaser]] | ||
+ | <br clear=all> | ||
+ | [[Datei:Typo3-page-teaser-08.png|links|mini|ohne|850px|Page Teaser - side by side - 1 Teaser]] | ||
+ | <br clear=all> | ||
+ | Die Darstellungsoption "Box - side by side" eignet sich für die kompakte Darstellung mehrer Teaser | ||
+ | [[Datei:Typo3-page-teaser-09.png|links|mini|ohne|850px|Page Teaser - side by side - 3 Teaser]] | ||
+ | <br clear=all> | ||
+ | [[Datei:Typo3-page-teaser-10.png|links|mini|ohne|850px|Page Teaser - standard - 3 Teaser]] | ||
+ | <br clear=all> | ||
+ | [[Datei:Typo3-page-teaser-11.png|links|mini|ohne|850px|Page Teaser - box - 3 Teaser]] | ||
+ | <br clear=all> | ||
== Siehe auch == | == Siehe auch == | ||
* [[TYPO3]] | * [[TYPO3]] |
Aktuelle Version vom 8. März 2024, 13:31 Uhr
Allgemeine Informationen
Anleitung | |
---|---|
Informationen | |
Betriebssystem | Alle |
Service | TYPO3 |
Interessant für | Angestellte |
HilfeWiki des IMT der Uni Paderborn |
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.
Schritt-für-Schritt Anleitung[Bearbeiten | Quelltext bearbeiten]
[Bearbeiten | Quelltext bearbeiten]
Öffnen Sie die Seite, auf der Sie das Inhaltselement einfügen möchten.
- Klicken Sie auf
+ Inhalt
, um ein neues Inhaltselement hinzuzufügen.
- Öffnen Sie den Tab "Teaser"
- Wählen Sie "Page Teaser".
- Ö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.
- Klicken Sie auf
+ Neu anlegen
, um einen neuen Teaser zu erstellen.
- Geben Sie eine Überschrift ein.
- Geben Sie einen Beschreibungstext ein.
- Fügen Sie über
Mediendatei hinzufügen
ein Bild hinzu. - Im diesem Beispiel verwenden wir Bilder im Seitenverhältnis 16:9.
- Seiten der Uni Paderborn können Sie über die Interne ID verlinken.
- Mehr dazu unter TYPO3 - Interne Verlinkung
Klicken Sie auf Speichern
, um die Änderungen zu übernehmen.
Weitere Einstellungen[Bearbeiten | Quelltext bearbeiten]
- Sie können zwischen drei verschiedenen Darstellungsoptionen wählen:
- Standard
- Box
- Box - side by side
- Über die Schaltfläche
+ Neu anlegen
können Sie weitere Teaser hinzufügen.
Beispiele[Bearbeiten | Quelltext bearbeiten]
Die Darstellungsoption "Box - side by side" eignet sich für die kompakte Darstellung mehrer Teaser