Inhalt ¶
- Medien optimal aufbereiten oder zuschneiden
- Medien links, rechts, oben, unten anordnen
- Medien in Spalten: 1/2 oder 1/3 Breite
- Medien Editor: Seitenverhätnisse
- Hero Bild
- Youtube Film einbetten
- Teaserliste mit Bildern - Anzahl unbegrenzt - Format 3:1 ist vorgegeben
- Teaserliste ohne Bilder - Anzahl unbegrenzt
Medien optimal aufbereiten oder zuschneiden ¶
- Wenn man sehr grosse Medien verwenden will (zB. 2MB) sollten zugunsten des Speicherplatzessie nicht in der Originalgrösse hochgeladen werden.
- Wir empfehlen eine Breite von 2000px für alle Formate als ausreichend.
- JPG nicht zu stark komprimieren: Qualität >= 90%, die Komprimierung für das Web im TYPO3 automatisch geschieht (WEBP)
- Für Fotos das Format JP(E)G verwenden
- Für Grafiken das Format PNG verwenden
Medien links, rechts, oben, unten anordnen ¶
Darstellung Media links ¶
Die Position Media links ist immer ohne Einrückung.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Darstellung Media rechts ¶
Die Position Media rechts ist immer mit Einrückung.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Darstellung Media unten ¶
Die Position Media unten ist immer mit Einrückung mittig positioniert unterhalb des Textes.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Darstellung Media oben ¶
Media oben ist immer mittig mit Einrückung über dem Text positioniert.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Medien in Spalten: 1/2 oder 1/3 Breite ¶
Die Positionierung mit Spalten funktioniert nur bei der Position «Media unten» oder «Media oben».
3 Medien in 3 Spalten dargestellt ¶
Mehrere Medien können in einem Element in Spalten nebeneinander positioniert werden. Es gibt maximal 3 Spalten.
2 Medien in 3 Spalten dargestellt ¶
Zwei Bilder werden verknüpft, 3 Spalten sind angewählt.
Bilder sind ⅓ breit, letztes Drittel ist ohne Bild.
1 Medium, 3 Spalten ¶
Man kann 3 Spalten angeben, aber nur 1 Bild verknüpfen, dann wird das Bild ⅓ so gross wie die gesamte Breite dargestellt.
2 Medien, 2 Spalten ¶
Man kann 2 Spalten angeben, aber nur 2 Medien verknüpfen, ½ so gross wie die gesamte Breite dargestellt.
1 Medium, 2 Spalten ¶
Man kann 2 Spalten angeben, aber nur 1 Medium verknüpfen, dann wird das Medium mit ½ so gross dargestellt.
Medien Editor: Seitenverhätnisse ¶
Folgende Seitenverhältnisse sind im Content auswählbar.
Hero Bild ¶
Nur im Top Content kann man ein Hero Bild einfügen. Nur hier ist auch das Format Hero Bild auswählbar.
Copyright für News und Hero Bilder (Title Attribut im IMG Tag) ¶
Das Feld «Copyright» wird im Frontend bei News im Slider und allgemein im Hero Bild unten links in weiss angezeigt.Nur nicht für die Bilder, die in Plugins verwendet werden, sondern auch Startseite, Newsliste, andere Listen.
Informationen wie Fotograf, Ort, Erstelldatum auch in der Bildunterschrift (Description) können eingefügt werden.
Die Angaben werden in der Dateiliste in dem Bildeigenschaften unter dem Reiter Metadaten eingegeben.
Youtube Film einbetten ¶
Youtube Link einfügen und speichern. Film lässt sich wie ein Bild platzieren und einbetten. Also auch in Spalten ½ oder ⅓ breit.
