Responsive Images - <picture>, srcset & Co.

Um unnötige Ladezeitverzögerungen zu vermeiden, würde ich den Code bereits beim Einfügen der Bilder im Editor ändern:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

http://de.wpseek.com/hook/image_send_to_editor/

 

Du hast eine Frage gestellt und ich habe Dir eine Lösung gepostet.

 

Lies nochmal den letzten Satz Deiner Eingangsfrage. Daraufhin habe ich Dir geantwortet. Jetzt hast Du einen Code für die functions.php auf dem Du aufbauen kannst um Deinen Wunsch umzusetzen. Wenn das nicht reicht, kann ich hier im Forum leider nicht mehr für Dich tun.

 

Du kommst sehr einfach an die unterschiedlichen Uris der Bilder:

PHP:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Damit liest Du nacheinander alle erforderlichen Größen aus, und bastelst Dir einen figure tag. Das ist kein großes Ding.

ABER:

vergiss es besser - zumindest vorerst.

Du versuchst etwas zu implementieren, was zwar seit langem im W3C im Gespräch ist, aber noch lange nicht verbindlich verabschiedet wurde. Die Browserunterstützung ist eher als "experimentell" anzusehen. Ich habe mit genau diesem Ansinnen bei TYPO3 6 Monate verdampft. Am Ende hat's geklappt - abgesehen von den Browsern.

WP scheint mir übrigens auch völlig ungeeignet für diesen Ansatz. Dazu benötigst Du ein CMS mit einem Digital Assets Management. Dies erlaubt dann natürlich auch die Mehrfachnutzung einzelner Assets.