[TYPO3-german] OT: Bilder positionieren, Responsive, Best Practice

[David Greiner]

Guten Morgen zusammen!

Ich wollte mal in die Runde fragen, wie ihr mit der Platzierung von 
Bildern umgeht.

Dazu zwei Use-Cases:

1. Normales Inhaltselement "Text mit Bild"
2. News-Artikel

Zu 1:
Es soll ein langer Text mit Bildern an verschiedenen Stellen im Text 
erstellt werden.
- in einer unangepassten Installation greift die Positionierung für alle 
Bilder und alle Bilder werden z.B. als "rechts umfließend" ausgegeben.
- die Einstellung aus den Konstanten greift und die Bilder werden in 
srcsets ausgeben. Das ist gut.
- sollen die Bilder jetzt aber an unterschiedlichen Stellen des Textes 
dargestellt werden, so muss ich im Grunde den Text splitten und weitere 
Content-Elemente anlegen um die Bilder an der entsprechenden Stelle im 
Text richtig zu positionieren
- dabei wird jedes Content-Element in einer eigenen Section gewrappt, 
der semantische Zusammenhang geht verloren, der SEO-Spezialist fragt, 
warum der inhaltlich zusammengehörende Text auseinandergerissen wird
- alternativ könnte ich das Wrapping der einzelnen Inhaltselemente 
abstellen und für jeden semantischen Abschnitt ein Gridelement 
platzieren, welches die Section außenrum wrappt und die einzelnen 
Content-Elemente beinhaltet. Dann fragt mich wiederrum der Redakteur ob 
das mein Ernst ist.

Alternativ können Bilder über den RTE platziert werden.
- abgesehen davon, dass das ziemlich hakelig ist, finde ich auch keine 
Einstellung um die Bilder in meinen definierten Srcsets auszugeben
- auch Höhe/Breite des Bildes kriege ich nicht entfernt
- ich hätte die Bilder außerdem gerne in <figures> gewrappt, das scheint 
auch nicht möglich zu sein? Oder doch? Wie?
- durchsuche ich den Sysext-Ordner des rtehtmlarea, finde ich weder 
Hinweise auf srcsets noch auf figures


Zu 2:
Ein News-Artikel.
- hier habe ich im Grunde die gleichen Möglichkeiten wie bei den 
normalen Content-Elementen allerdings kann ich den Text nicht splitten 
um Bilder an der entsprechenden Stelle auszugeben
- daher wäre mein Idee, für den RTE ein Plugin zu schreiben, welches mir 
einen neuen Button zur Verfügung stellt
- über diesen Button kann ich einen  ###IMAGE### Platzhalter an 
beliebiger Stelle im Text
einfügen
- ein extra ViewHelper bekommt das NewsItem übergeben, parst den Text 
und ersetzt alle ###IMAGE### Platzhalter der Reihe nach mit den zum 
NewsItem gehörenden Bild/Videoelementen.
- Das funktioniert ganz gut, aber so richtig toll ist das auch nicht.


Ein weiteres Problem zeigt sich bei der Verwendung des 
Image-ViewHelpers, welcher die srcset Einstellungen nicht 
berücksichtigt. Ich bin gezwungen den cObject-ViewHelper zu nutzen, 
diesem den Bildpfad zu übergeben damit im Typoscript ein IMAGE-Objekt 
erstellt wird, welches die tt_content-Rendering-Einstellungen 
berücksichtigt.


Ist tatsächlich solch ein Prozedere notwendig oder kenne ich einfach den 
richtigen Weg nicht?

Ich freue mich über Anregungen und Erfahrungen eurerseits!


Ein schönes Wochenende!