it-swarm.com.de

the_post_thumbnail responsive srcset füllt sich nicht mit benutzerdefinierter Bildgröße

Ich versuche, die neue Funktion Responsive Images in Wordpress 4.4 zu verwenden, stoße aber weiterhin auf ein bestimmtes Problem, wenn ich versuche, das_post_thumbnail mit einer benutzerdefinierten Bildgröße zu verwenden. Anscheinend kann ich keine benutzerdefinierten Bildgrößen verwenden.

Der folgende Code erzeugt ein img -Tag mit dem vorhandenen srcset:

<?php the_post_thumbnail('medium',  array( 'class' => 'img-responsive' )); ?>

So sieht das Tag img mit der an die Funktion übergebenen Größe medium aus:

<img width="300" height="225" src="path/to/image-300x225.jpg" class="img-responsive wp-post-image" alt="Image" srcset="path/to/image-300x225.jpg 300w, path/to/image-768x576.jpg 768w, path/to/image.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px">

Wenn ich jedoch eine Änderung vornehme, um meine benutzerdefinierte Bildgröße zu verwenden, verschwindet der srcset. Weiß jemand, was hier los ist?

So habe ich meine benutzerdefinierte Bildgröße hinzugefügt:

add_image_size ('my-custom-size', 1050, 626, true );

So sieht es im Code aus:

<?php the_post_thumbnail('my-custom-size',  array( 'class' => 'img-responsive' )); ?>

Folgendes wird ausgegeben: Beachten Sie, dass my-custom-size nicht gelesen wird und stattdessen wp-post-image anstelle von my-custom-size hinzugefügt wird:

<img width="1024" height="626" src="path/to/image-1024x626.jpg" class="img-responsive wp-post-image" alt="Image">

Bitte helfen Sie mir zu verstehen, was ich falsch mache!

9
Moose

Es gibt nicht genügend Informationen, um sicherzustellen, dass diese Antwort endgültig ist, aber hier ist ein Versuch.

Stellen Sie zunächst sicher, dass das Bild, das Sie hochladen, tatsächlich größer als die von Ihnen definierte Größe ist. Ich sehe Leute, die Bilder hochladen, die zu klein sind und dann die ganze Zeit solche Ergebnisse erhalten.

Zweitens erstellt WP nur eine Srcset-Liste von Bildgrößen mit demselben Seitenverhältnis. Wenn Ihre benutzerdefinierte Größe ein anderes Seitenverhältnis als andere Bildgrößen aufweist, können Sie eine Auswahl neuer Größen mit entsprechenden Seitenverhältnissen erstellen.

Drittens müssen Sie nach dem Ändern oder Hinzufügen neuer Bildgrößen vorhandene Miniaturansichten immer neu generieren. Es gibt ein großartiges Plugin namensThumbnails neu generieren.

4