Me gustaría agregar una clase CSS a todas las imágenes en la página (publicación / páginas de WordPress) que estén por debajo de un cierto ancho.

Los siguientes trabajos massetAttribute está reemplazando todos los nombres de clase en cada img con el nuevo.

¿Cómo puedo agregar una nueva clase a cada imagen, sin reemplazar las clases 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');