Añadir una clase específica a las imágenes de un post en WordPress

Si queremos que las imágenes de nuestro post tengan una clase por defecto, por ejemplo, alguna que nos permita hacer la imagen responsive:

/**
 *  Add responsive class to Images into post
 *
 * @param [type] $content
 * @return void
 */
function add_responsive_class($content){
    if(!$content){
        return $content;
    }
    $content = mb_convert_encoding($content, 'HTML-ENTITIES', "UTF-8");
    $document = new DOMDocument();
    libxml_use_internal_errors(true);
    $document->loadHTML(utf8_decode($content));

    $imgs = $document->getElementsByTagName('img');
    foreach ($imgs as $img) {
        $img->setAttribute('class','img-fluid img-mbl-100');
        $parentElement = $img->parentNode;
        $parentElement->setAttribute('class', 'remove-bootstrap-margin');
    }

    $html = $document->saveHTML();
    return $html;
}

add_filter('the_content', 'add_responsive_class');


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*