Добавьте класс CSS ко всем изображениям на странице шириной менее 480 пикселей, используя DomDocument

Я хотел бы добавить класс CSS для всех изображений на странице (пост / страницы WordPress), размер которых ниже определенной ширины.

Следующие работы, ноsetAttribute заменяет все имена классов в каждом img новым.

Как я могу добавить новый класс для каждого изображения, не заменяя существующие классы?

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');

Ответы на вопрос(1)

Ваш ответ на вопрос