Come posso disabilitare le immagini responsive in WP 4.4?

Ho convertito con successo la mia installazione 4.3.1 in tutte le https. Dopo l'aggiornamento a 4.4. Ho un problema con il nuovo srcsetattributo. Mentre l' srcattributo per le immagini è impostato tramite https, l' srcsetattributo è http. Questo fa sì che i browser non visualizzino alcuna immagine.

In attesa di una soluzione migliore, desidero disabilitare l'impostazione srcsetdell'attributo in modo che tutte le immagini abbiano solo un srcattributo. Come lo faccio?

Ecco alcune cose che potresti provare a rimuovere il supporto di immagini reattive in 4.4:

/**
 * Disable responsive image support (test!)
 */

// Clean the up the image from wp_get_attachment_image()
add_filter( 'wp_get_attachment_image_attributes', function( $attr )
{
    if( isset( $attr['sizes'] ) )
        unset( $attr['sizes'] );

    if( isset( $attr['srcset'] ) )
        unset( $attr['srcset'] );

    return $attr;

 }, PHP_INT_MAX );

// Override the calculated image sizes
add_filter( 'wp_calculate_image_sizes', '__return_empty_array',  PHP_INT_MAX );

// Override the calculated image sources
add_filter( 'wp_calculate_image_srcset', '__return_empty_array', PHP_INT_MAX );

// Remove the reponsive stuff from the content
remove_filter( 'the_content', 'wp_make_content_images_responsive' );

ma come menzionato da @cybmeta il problema potrebbe essere altrove.

Forza https srcset

È possibile eseguire il debug con il wp_calculate_image_srcsetfiltro e provare anche questa soluzione rapida :

add_filter( 'wp_calculate_image_srcset', function( $sources )
{
    foreach( $sources as &$source )
    {
        if( isset( $source['url'] ) )
            $source['url'] = set_url_scheme( $source['url'], 'https' );
    }
    return $sources;

}, PHP_INT_MAX );

per impostare lo schema url su https. Un altro approccio sarebbe quello di averlo senza schemi //.

Consulta il Codice per altre set_url_scheme()opzioni:

$source['url'] = set_url_scheme( $source['url'], null );        
$source['url'] = set_url_scheme( $source['url'], 'relative' );

Ma dovresti provare a scavare più a fondo e trovare la causa principale.

Aggiornare:

Potremmo salvarci prima dalla wp_calculate_image_srcset()funzione con:

add_filter( 'wp_calculate_image_srcset_meta', '__return_empty_array' );

quindi utilizzando i filtri wp_calculate_image_srcseto max_srcset_image_width.

Anche aggiornato secondo il ticket n. 41895 , per restituire un array vuoto anziché false / null.

Il modo più semplice e pulito per farlo è semplicemente questo:

add_filter( 'wp_calculate_image_srcset', '__return_false' );

Per fare eco a ciò che dice la maggior parte delle altre persone, srcset è una buona idea ed è il futuro (le migliori pratiche ora), ma se hai bisogno di una soluzione rapida per far funzionare il tuo sito, lo snippet sopra fa il lavoro senza alcun hacking.

fonte: WP Core Blog

Molto probabilmente, il motivo per cui gli URL nei tuoi srcsetattributi mostrano erroneamente HTTPS è perché gli URL per tutte le immagini sono creati usando il valore dell'opzione siteurl nella tabella wp_options. Se stai offrendo il tuo front-end su HTTPS, dovresti anche modificare questi valori (tramite Impostazioni> Generale).

Ecco il biglietto relativo sul sistema di tracciamento dei problemi di WordPress: https://core.trac.wordpress.org/ticket/34945

Ciò disabiliterà il codice srcset eliminando qualsiasi immagine più larga di 1 pixel.

add_filter( 'max_srcset_image_width', create_function( '', 'return 1;' ) );

A lungo termine, dovresti provare a risolvere il problema reale. Tuttavia, funziona se hai bisogno di una soluzione rapida.

In Impostazioni / Generale assicurati che il tuo indirizzo WordPress (URL) e l'indirizzo del sito (URL) siano impostati su https://tuodominio.com

Vedi http://wptavern.com/how-to-fix-images-not-loading-in-wordpress-4-4-while-using-ssl

Joe McGill, che ha contribuito a guidare lo sforzo di ottenere immagini reattive in WordPress, ha anche risposto nel thread del forum e ha confermato che il suggerimento di Cree è corretto: “Se stai eseguendo HTTPS sul front-end, dovresti cambiare gli URL per la tua casa e il tuo sito URL in Impostazioni> Generale in modo che utilizzino lo schema HTTPS ", ha detto.