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

[Stefan Padberg]

Hallo,

ich finde deine Fragen berechtigt. Ich habe auch schon Aufträge 
verloren, weil Typo3 so einen grauenhaften HTML-Output produziert. Es 
gibt offensichtlich unter den Agenturen auch HTML-Puristen.

Mein gegenwärtiger Lösungsweg geht über Gridelements in Kombination mit 
einem radikalen Entstrippen der Standard-Typo3-Elemente. Im Prinzip 
bleibt da nur noch der Richtexteditor und das Bilder-Element. Das 
Überschriftenfeld packe ich in einen eigenen Reiter und sollte möglichst 
gar nicht benutzt werden. Überschriften macht man mit dem RTE. Beim 
Bilderelement kann der Reiter "Erscheinungsbild" ganz entfallen. Es wird 
eigentlich nur benötigt, um Bilder auszuwählen.

Dann baue ich mir mit den Gridelements die Inhaltselemente, die ich für 
das aktuelle Projekt benötige. Damit habe ich jetzt bei einigen 
Projekten gute Erfahrungen gemacht. Auch die Redakteure scheinen damit 
gut klar zu kommen. Die entstrippten Typo3-CEs zeigen genau das, was der 
Redakteur erwartet: ein Texteingabefeld und ein Bildauswahlfeld.

In deinem Szenario könntest du durchaus mit Gridelements arbeiten. Du 
benötigst dafür ein Gridelement für den gesamten Artikel und zwei 
Unterelemente "Absatz" und "Absatz mit Bild". In dem Unterelement 
"Absatz mit Bild" kannst du per Flexform auswählen lassen, ob das Bild 
links oder rechts anschlagen soll. Die Redakteure können im 
Artikel-Element jeweils schon die Unterelemente anlegen. Es ist 
eigentlich ein ganz flüssiges Arbeiten.

Das ist mein gegenwärtiger Arbeitsstand. Aber ich bin damit auch noch 
nicht durch. Ich will das hier nicht als Non-plus-ultra verkaufen. Aber 
vielleicht ist es ja eine Anregung für dich.

Beste Grüße
Stefan




Am 23.02.2015 um 08:36 schrieb David Greiner:
> Guten Morgen!
>
> Hat niemand Anregungen oder eigene Erfahrung und Lösungsansätze dazu?
>
> Einen schönen Start in die Woche!
>
>
>
> Am 21.02.2015 um 10:42 schrieb 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!
>> _______________________________________________
>> TYPO3-german mailing list
>> TYPO3-german at lists.typo3.org
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>


-- 
Bergische Webschmiede
Typo3 Dienstleistungen
:: Dipl.-Ing. Stefan Padberg
:: www.bergische-webschmiede.de

---
Diese E-Mail wurde von Avast Antivirus-Software auf Viren geprüft.
http://www.avast.com