lo srcset responsive the_post_thumbnail non viene popolato con dimensioni dell'immagine personalizzate


8

Sto cercando di utilizzare la nuova funzionalità di immagini reattive in Wordpress 4.4 ma continuo a riscontrare un problema particolare quando provo ad usare the_post_thumbnail con una dimensione dell'immagine personalizzata. Sembra che non riesca a utilizzare dimensioni dell'immagine personalizzate.

Il seguente codice produrrà un imgtag con il srcsetpresente:

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

Ecco imgcome appare il tag con la mediumdimensione passata nella funzione:

<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">

Tuttavia, quando apporto una modifica per utilizzare la dimensione dell'immagine personalizzata, srcsetscompare. Qualcuno sa cosa sta succedendo qui?

Ecco come ho aggiunto la dimensione dell'immagine personalizzata:

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

Ecco come appare nel codice:

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

Ed ecco cosa produce, nota che my-custom-sizenon viene letto e si aggiunge wp-post-imageinvece my-custom-size:

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

Per favore, aiutami a capire cosa sto facendo di sbagliato!


1
imposta la tua add_image_size ('my-custom-size', 1050, 0, false );e per la spiegazione, leggi questa risposta wordpress.stackexchange.com/a/211405/18731
Jevuska

Hai provato con un'immagine appena caricata? Le nuove dimensioni dell'immagine verranno applicate solo quando le immagini vengono caricate. È possibile rigenerare i set di immagini per le immagini esistenti utilizzando un plug-in come Rigenera miniature.
Andy Macaulay-Brook,

1
@Jevuska che non ritaglierà l'immagine fino alle dimensioni che l'interrogante vuole però.
Andy Macaulay-Brook,

1
La mia risposta mi è stata di aiuto? Questa domanda è ancora attuale?
Andy Macaulay-Brook,

Risposte:


4

Non ci sono abbastanza informazioni per essere sicuri che questa risposta sia definitiva, ma ecco un tentativo.

Innanzitutto assicurati che l'immagine che stai caricando sia effettivamente più grande della dimensione che hai definito. Vedo che le persone caricano immagini troppo piccole e ottengono questo tipo di risultati in ogni momento.

In secondo luogo, WP creerà solo un elenco Srcset di dimensioni dell'immagine con le stesse proporzioni. Se le dimensioni personalizzate avevano proporzioni diverse rispetto alle altre dimensioni dell'immagine, è possibile creare una selezione di nuove dimensioni con proporzioni corrispondenti.

In terzo luogo, dopo aver modificato o aggiunto nuove dimensioni dell'immagine, è necessario rigenerare sempre le miniature esistenti. Per questo c'è un ottimo plugin chiamato Regenerate Thumbnails .


1
Sentiti libero di votare se ha aiutato :-)
Andy Macaulay-Brook,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.