Responsive Images - srcset bei Beitragsbildern

Hallo zusammen,

seit Version 4.4 generiert WP Beitragsbilder im Quelltext als srcset mit unterschiedlichen Quellen für die jeweiligen Viewports. Leider funktioniert das bei mir nicht mit den Beitragsbildern. Hat jemand eine Idee, wie man das auch auf die Beitragsbilder anwenden kann. Hier kommt wie gehabt im Quelltext das Originalbild, auch bei kleineren Viewports.

Danke für alle Tips

Danke für die Antwort, ja hast recht, sorry für die knappe Info.

Theme ist Eigenbau und noch nicht online.

Hab inzwischen nachgelesen uns ausprobiert, dass es funktioniert wenn es sich bei den Bildern um Standardnamen handelt. Ausgabe mit

the_post_thumbnail(‘thumb’, ‘thumbnail’, ‘medium’, ‘large’, ‘post-thumbnail’) funktioniert.

Es funktioniert nicht mit selbst angelegten, individuellen Bildgrößen z.B.

add_image_size( 'header-image', 1500, 400, true ); funktioniert nicht.

Ebenso funktioniert:

$post_thumbnail_id = get_post_thumbnail_id( $post->ID ); 
$img_src = wp_get_attachment_image_url( $post_thumbnail_id, 'medium' );
$img_srcset = wp_get_attachment_image_srcset( $post_thumbnail_id, 'medium' );


<img src="<?php echo esc_url( $img_src ); ?>"
     srcset="<?php echo esc_attr( $img_srcset ); ?>"
     sizes="(max-width: 50em) 87vw, 680px" alt="Drops">

aber auch nicht mit individuellen Bildgrößen

$img_src = wp_get_attachment_image_url( $post_thumbnail_id, 'header-image' );
$img_srcset = wp_get_attachment_image_srcset( $post_thumbnail_id, 'header-image' );

Wäre schön wenn da irgendwo ein Weg wäre, dass man dies auch individuell nutzen kann.

Danke schon mal für Tips und Hilfe und allen nen schönen Feierabend

Ja die Seite war mir bekannt, da hab ich ja meinen Code Schnipsel von oben her ;).

Hab aber das Problem gelöst. Damit das srcset mit sizes in WP automatisch funktioniert, müssen die Seitenverhältnisse stimmen. Da habe ich vorher nicht drauf geachtet. In der functions.php folgendes eingefügt:

add_image_size( 'headerpic', 820, 220, true );
add_image_size( 'headerpic-small', 410, 110, true );

Dann Bilder neu in die Mediathek uploaden.
Nun im Theme an geeigneter Stelle die Ausgabe einbinden:

<?php the_post_thumbnail('headerpic'); ?>

ergibt folgendes HTML:

<img src="http://localhost/xxx/wp-content/uploads/2016/02/Foodshot_2016_04_51-820x220.jpg" 
class="attachment-headerpic size-headerpic wp-post-image" alt="Foodshot_2016_04_5[1]" 
srcset="http://localhost/xxx/wp-content/uploads/2016/02/Foodshot_2016_04_51-820x220.jpg 820w, 
http://localhost/xxx/wp-content/uploads/2016/02/Foodshot_2016_04_51-410x110.jpg 410w" 
sizes="(max-width: 820px) 100vw, 820px" height="220" width="820">

... und der Browser freut sich :)

Danke Dir für die schnellen Antworten, man schreibt sich ;)