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


8

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 imgTag mit der srcsetGegenwart:

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

So imgsieht das Tag mit der mediuman 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, srcsetverschwindet 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-sizees nicht gelesen wird und stattdessen hinzugefügt wird, wp-post-imageanstatt 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!


1
add_image_size ('my-custom-size', 1050, 0, false );
Stellen

Haben Sie mit einem frisch hochgeladenen Bild getestet? Ihre neue Bildgröße wird nur angewendet, wenn Bilder hochgeladen werden. Sie können Bildsätze für Ihre vorhandenen Bilder mithilfe eines Plugins wie "Miniaturansichten neu generieren" neu generieren.
Andy Macaulay-Brook

1
@Jevuska, der das Bild nicht schwer auf die vom Fragesteller gewünschten Abmessungen zuschneidet.
Andy Macaulay-Brook

1
Hat meine Antwort überhaupt geholfen? Ist diese Frage noch aktuell?
Andy Macaulay-Brook

Antworten:


4

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 .


1
Fühlen Sie sich frei, es abzustimmen, wenn es geholfen hat :-)
Andy Macaulay-Brook
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.