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

  • Добрый день. Помогите автоматический реализовать обвертку всех изображений при вставке в редактор. То есть мне нужно так, чтобы каждое изображение обворачивалось в div, а также все они были в едином контейнере.

    Сейчас код такой:

    <p>
    <a href="" class="fancybox"><img src="'" alt="" /></a>
    <a href="" class="fancybox"><img src="'" alt="" /></a>
    <a href="" class="fancybox"><img src="'" alt="" /></a>
    <a href="" class="fancybox"><img src="'" alt="" /></a>
    <a href="" class="fancybox"><img src="'" alt="" /></a>
    <a href="" class="fancybox"><img src="'" alt="" /></a>
    </p>

    Нужно так:

    <div class="container">
    <div class="item"><a href="" class="fancybox"><img src="'" alt="" /></a></div>
    <div class="item"><a href="" class="fancybox"><img src="'" alt="" /></a></div>
    <div class="item"><a href="" class="fancybox"><img src="'" alt="" /></a></div>
    <div class="item"><a href="" class="fancybox"><img src="'" alt="" /></a></div>
    <div class="item"><a href="" class="fancybox"><img src="'" alt="" /></a></div>
    <div class="item"><a href="" class="fancybox"><img src="'" alt="" /></a></div>
    </div>
Просмотр 2 ответов — с 1 по 2 (всего 2)
  • какой редактор то?

    Flector, classic редактор.

    Я добавил код:

    function img_unautop($pee) {
        $pee = preg_replace('/<p>\\s*?(<a .*?><img.*?><\\/a>|<img.*?>)?\\s*<\\/p>/s', '<div class="conatainer">$1</div>', $pee);
        return $pee;
    }
    add_filter( 'the_content', 'img_unautop', 30 );

    Теперь у меня тег <p>, который обвертывает изображения, заменяется на <div class=»conatainer»>..</div>, но это только основной контейнер.

    Я так понял нужно что-то типо этого:

    function img_responsive($content){
        return str_replace('<img class="','<img class="img-responsive ',$content);
    }
    add_filter('the_content','img_responsive');

    Только тут добавляется класс к тегу img, а мне нужно либо обвернуть полностью в div: <a><img /></a>, либо просто добавить к тегу a свой класс.

    • Ответ изменён 3 года, 11 месяцев назад пользователем redchuk.
    • Ответ изменён 3 года, 11 месяцев назад пользователем redchuk.
Просмотр 2 ответов — с 1 по 2 (всего 2)
  • Тема «Как обернуть все изображения в контейнер?» закрыта для новых ответов.