WordPress: rimuovere le dimensioni predefinite dalle immagini dei post

Normalmente assegnare delle dimensioni alle immagini tramite gli attributi HTML width e height è molto utile in quanto velocizza il caricamento delle immagini stesse. Tuttavia se volete assegnare degli stili diversi alle immagini, ad esempio rendendole responsive con i CSS o JavaScript, allora tali dimensioni possono essere un ostacolo ai vostri scopi in quanto le dimensioni date tramite attributi vengono interpretate prima del vostro codice CSS o JavaScript. WordPress assegna a tutte le immagini dei post le dimensioni che queste hanno nella Media Library a seconda del formato scelto. Vediamo come ovviare a questa situazione.

Aggiungete il seguente codice al file functions.php:

add_filter( 'post_thumbnail_html', 'remove_thumbnail_dimensions', 10 );
add_filter( 'image_send_to_editor', 'remove_thumbnail_dimensions', 10 );

function remove_thumbnail_dimensions( $html ) {
    $html = preg_replace( '/(width|height)=\"\d*\"\s/', '', $html );
    return $html;
}

Ora le immagini dei post non avranno più gli attributi width e height. Tenete comunque presente che questa soluzione ha sempre un effetto negativo sulla performance.