[Php] إضافة فئة كس إلى كافة الصور على صفحة ذات عرض أقل من 480 بكسل باستخدام دومدوكومنت


Answers

Question

أود إضافة فئة كس إلى جميع الصور في الصفحة (ووردبريس بوست / باجيس) التي تكون أقل من عرض معين.

الأعمال التالية ولكن سيتاتريبوت يستبدل جميع أسماء الفئات في كل إمغ مع واحد جديد.

كيف يمكنني إضافة فئة جديدة لكل صورة، دون استبدال الفئات الموجودة؟

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