Ich versuche, die neue Funktion für reaktionsschnelle Bilder in Wordpress 4.4 zu verwenden, stoße jedoch immer wieder auf ein bestimmtes Problem, wenn ich versuche, the_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 der srcset
Gegenwart:
<?php the_post_thumbnail('medium', array( 'class' => 'img-responsive' )); ?>
So img
sieht das Tag mit der medium
an die Funktion übergebenen Größe 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, srcset
verschwindet die. 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' )); ?>
Und hier ist, was es ausgibt, beachten Sie, dass my-custom-size
es nicht gelesen wird und stattdessen hinzugefügt wird, wp-post-image
anstatt my-custom-size
:
<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!
add_image_size ('my-custom-size', 1050, 0, false );
Antworten:
Es gibt nicht genügend Informationen, um sicherzugehen, 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 zu kleine Bilder hochladen und dann ständig solche Ergebnisse erzielen.
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 hatte, können Sie eine Auswahl neuer Größen mit passenden Seitenverhältnissen erstellen.
Drittens müssen Sie nach dem Ändern oder Hinzufügen neuer Bildgrößen immer vorhandene Miniaturansichten neu generieren. Dafür gibt es ein großartiges Plugin namens Regenerate Thumbnails .
quelle