Jnk (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „{{article |type=Anleitung |service=Service:Typo3 |targetgroup=Gäste, Angestellte, Studierende |hasdisambig=Nein }} {{template caller |marker=Draft }} Ku…“) |
|||
(14 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt) | |||
Zeile 5: | Zeile 5: | ||
|hasdisambig=Nein | |hasdisambig=Nein | ||
}} | }} | ||
− | + | Anleitung zum Einfügen des Inhaltselements '''"Kachel Teaser"''' auf einer Webseite. Mit dem Element können interessante Inhalte kurz angesprochen werden (anteasern) und dann wird auf Unterseiten weitergeleitet. Es gibt 3 Varianten: jeweils eine mit einer großen Kachel und maximal 4 kleinen Kachelen oder maximal 8 kleine Kacheln. | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
== Schritt-für-Schritt Anleitung == | == Schritt-für-Schritt Anleitung == | ||
− | + | Ö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]] |
− | + | <br> | |
+ | * Klicken Sie auf <code>+ Inhalt</code>, um ein neues Inhaltselement hinzuzufügen. | ||
+ | <br clear=all> | ||
− | = | + | [[Datei:Typo3-kachel-teaser-01.png|links|mini|ohne|450px]] |
− | + | <br> | |
+ | # Öffnen Sie den Tab '''"Teaser"'''. | ||
+ | # Wählen Sie '''"Kachel Teaser"'''. | ||
+ | <br clear=all> | ||
− | = | + | [[Datei:Typo3-kachel-teaser-02.png|links|mini|ohne|450px]] |
− | + | <br> | |
+ | # Öffnen Sie den Tab '''"Allgemein"'''. | ||
+ | # Vergeben Sie eine '''Überschrift''' für das Inhaltselement. | ||
+ | <br clear=all> | ||
− | == | + | [[Datei:Typo3-kachel-teaser-03.png|links|mini|ohne|450px]] |
− | * | + | <br> |
− | * | + | * Sie können zwischen 3 verschiedenen Templates für Ihre Kacheln wählen: |
+ | ** 1 große Kachel (links) | Max. 4 kleine Kacheln (rechts) | ||
+ | ** Max. 4 kleinen Kacheln (links) | 1 große Kachel (rechts) | ||
+ | ** Max. 8 kleine Kacheln | ||
+ | <br clear=all> | ||
+ | |||
+ | [[Datei:Typo3-kachel-teaser-04.png|links|mini|ohne|450px|Große Kachel hinzufügen]] | ||
+ | <br> | ||
+ | * Über die <code>+ Neu anlegen</code> können Sie neue Kacheln in der jeweiligen Größe hinzfügen. | ||
+ | <br clear=all> | ||
+ | |||
+ | [[Datei:Typo3-kachel-teaser-05.png|links|mini|ohne|450px|Große Kachel mit Inhalt füllen]] | ||
+ | <br> | ||
+ | * Vergeben Sie einen Titel für die große Kachel. | ||
+ | * Über <code>Neue Relation erstellen</code> können Sie ein Bild verknüpfen. | ||
+ | * Geben Sie einen Beschreibungstext ein. | ||
+ | * Geben Sie einen Link ein, auf den Sie mit der Box verweisen möchten - Neben externen können Sie auch interne Links verwenden [[TYPO3 - Interne Verlinkung]]. | ||
+ | * Sie können einen eigenen '''"Link Text"''' eingeben. Wenn Sie hier nichts eingeben, wird der Standardtext ''"Mehr erfahren"'' verwendet. | ||
+ | <br clear=all> | ||
+ | |||
+ | <bootstrap_accordion> | ||
+ | <bootstrap_panel heading="Bilder verwenden" color="info"> | ||
+ | Bilder aus dem Ordner '''"UpbMedia"''' dürfen für die Webseite der Uni Paderborn verwendet werden und sind bereits mit Alt-Texten verbunden. | ||
+ | </bootstrap_panel> | ||
+ | </bootstrap_accordion> | ||
+ | |||
+ | [[Datei:Typo3-kachel-teaser-06.png|links|mini|ohne|450px|Kleine Kachel]] | ||
+ | <br> | ||
+ | * Sie können mehrere '''kleine Kacheln''' anlegen. | ||
+ | * Klicken Sie dazu auf <code>+ Neu anlegen</code> | ||
+ | * Bei kleinen Kacheln können keine Bilder verknüpft werden. | ||
+ | <br clear=all> | ||
+ | |||
+ | * Klicken Sie zum Abschluss auf <code>Speichern</code>, um Ihre Änderungen zu übernehmen. | ||
+ | |||
+ | ==Beispiele== | ||
+ | Hier sehen Sie Beispiele für die einzelnen Templates. | ||
+ | [[Datei:Typo3-kachel-teaser-07.png|links|mini|ohne|850px|1 große Kachel - Max. 4 kleine Kacheln]] | ||
+ | <br clear=all> | ||
+ | |||
+ | [[Datei:Typo3-kachel-teaser-08.png|links|mini|ohne|850px|Max. 4 kleinen Kacheln - 1 große Kachel]] | ||
+ | <br clear=all> | ||
+ | |||
+ | [[Datei:Typo3-kachel-teaser-09.png|links|mini|ohne|850px|Max. 8 kleine Kacheln]] | ||
+ | <br clear=all> | ||
== Siehe auch == | == Siehe auch == | ||
− | + | * [[TYPO3]] |
Aktuelle Version vom 8. März 2024, 13:37 Uhr
Allgemeine Informationen
Anleitung | |
---|---|
Informationen | |
Betriebssystem | Alle |
Service | TYPO3 |
Interessant für | Gäste, Angestellte und Studierende |
HilfeWiki des IMT der Uni Paderborn |
Anleitung zum Einfügen des Inhaltselements "Kachel Teaser" auf einer Webseite. Mit dem Element können interessante Inhalte kurz angesprochen werden (anteasern) und dann wird auf Unterseiten weitergeleitet. Es gibt 3 Varianten: jeweils eine mit einer großen Kachel und maximal 4 kleinen Kachelen oder maximal 8 kleine Kacheln.
Schritt-für-Schritt Anleitung[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 "Kachel Teaser".
- Öffnen Sie den Tab "Allgemein".
- Vergeben Sie eine Überschrift für das Inhaltselement.
- Sie können zwischen 3 verschiedenen Templates für Ihre Kacheln wählen:
- 1 große Kachel (links) | Max. 4 kleine Kacheln (rechts)
- Max. 4 kleinen Kacheln (links) | 1 große Kachel (rechts)
- Max. 8 kleine Kacheln
- Über die
+ Neu anlegen
können Sie neue Kacheln in der jeweiligen Größe hinzfügen.
- Vergeben Sie einen Titel für die große Kachel.
- Über
Neue Relation erstellen
können Sie ein Bild verknüpfen. - Geben Sie einen Beschreibungstext ein.
- Geben Sie einen Link ein, auf den Sie mit der Box verweisen möchten - Neben externen können Sie auch interne Links verwenden TYPO3 - Interne Verlinkung.
- Sie können einen eigenen "Link Text" eingeben. Wenn Sie hier nichts eingeben, wird der Standardtext "Mehr erfahren" verwendet.
Bilder verwenden
Bilder aus dem Ordner "UpbMedia" dürfen für die Webseite der Uni Paderborn verwendet werden und sind bereits mit Alt-Texten verbunden.
- Sie können mehrere kleine Kacheln anlegen.
- Klicken Sie dazu auf
+ Neu anlegen
- Bei kleinen Kacheln können keine Bilder verknüpft werden.
- Klicken Sie zum Abschluss auf
Speichern
, um Ihre Änderungen zu übernehmen.
Beispiele[Bearbeiten | Quelltext bearbeiten]
Hier sehen Sie Beispiele für die einzelnen Templates.