Eu gostaria de adicionar uma classe CSS a todas as imagens na página (post / páginas do WordPress) que estão abaixo de uma certa largura.

Os seguintes trabalhos, massetAttribute está substituindo todos os nomes de classe em cada img pelo novo.

Como posso adicionar uma nova classe a cada imagem, sem substituir as classes existentes?

function add_class_to_small_images( $content ) {

$dom = new DOMDocument();
@$dom->loadHTML( $content );
$dom->preserveWhiteSpace = false;

$images = $dom->getElementsByTagName('img');

foreach ($images as $image) {

    $width = $image->getAttribute('width');

    if( $width < 480) {
        $image->setAttribute('class', 'this-will-be-the-class'); // the new class
    }
}

  $content = $dom->saveHTML();


return $content;
}
add_filter('the_content', 'add_class_to_small_images');