Как задать класс изображениям внутри записи на Wordpress?

Question

[xonar]

Всем доброго дня.

Подскажите решение по проблеме. Как задать класс всем изображениям, которые находятся внутри записи?

Нужно именно img задать класс.

<figure class="wp-block-image size-large">
<img src="https://66.media.tumblr.com/e852a06b7e1fbf228dc52b996720c0b3/tumblr_pw9s3vrBoG1utlor0o1_1280.jpg" alt="" class="">
</figure>

Можно задать вручную конечно, но нужно именно чтоб по дефолту прописывался класс.

Answer 1

[Игорь Воротнёв]

Самый простой способ - на хуке the_content обычной заменой или регуляркой, но это если у картинок всегда одна структура (например, мы точно знаем что тег будет <img src="..." class="..." ...). Но вообще парсить html регулярками не самая светлая мысль - для этого есть DOMDocument:

function add_class_to_images( $content )
{
    $document = new DOMDocument();
    libxml_use_internal_errors(true); // чтобы не ругался на семантические HTML5 теги
    $document->loadHTML( $content );
    libxml_clear_errors();

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

    /** @var \DOMElement $image */
    foreach ( $images as $image ) {
        $image->setAttribute( 
            'class', 
            $image->getAttribute( 'class' ) . ' my-new-class'
        );
    }

    return $document->saveHTML();
}
add_filter( 'the_content', 'add_class_to_images' );

Comments

[xonar]

Спасибо большое, очень помогли.

[Игорь Воротнёв]

xonar, на здоровье

[xonar]

Игорь Воротнёв, Правда небольшая проблема есть, класс навешивает ещё и на figure тег, а не только на img.

[Игорь Воротнёв]

xonar, упс, да, вы правы. И по идее будет навешивать вообще на любой элемент у которого есть атрибут class. Сейчас попробую изолировать только для img.

[Игорь Воротнёв]

xonar, обновил ответ.

[xonar]

Игорь Воротнёв, Безумно благодарен! Проверили, теперь всё как нужно.

[Игорь Воротнёв]

И еще, поскольку DOMDocument (да и регулярки) все-таки используют определенное количество ресурсов (вряд ли стоит париться, но все же), а класс нам там нужен условно говоря всегда, то я бы скорее искал способ дописывать этот класс при добавлении картинки в редакторе, чтобы в БД она сохранялась уже с этим классом и на выводе не нужно было его добавлять каждый раз.

[Игорь Воротнёв]

xonar, на здоровье :) мозги хоть немного размял, а то весь день документами занимаюсь, скукотища :)

[xonar]

Игорь Воротнёв, Да, было бы это идеально. Но, думаю, что не стоит сейчас париться по поводу этого.