Как обернуть изображение в div или вставить class в ссылку?

Question

[sergiocharm]

Как обернуть изображение у тексте в блок div?
Нашёл вариант но он криво работает если изображение вставляется с описанием через figur

Или как добавить class в ссылку на изображение?

Comments

[Ankhena]

При вашем шикарно сформулированном вопросе, ответ будет довольно дурацким
<div><img src="" alt=""></div>
С figure аналогично. Только нужно не забыть о том, что у figure есть стили по умолчанию (отступы).

Или как добавить class в ссылку на изображение?

Аналогично.
Ссылка: <a href=""></a>
Ссылка с классом: Ссылка: <a class="yourclass" href=""></a>

Может, переформулируете нормально?

[sergiocharm]

Ankhena,
сейчас выводится так

<a href=""><img class="wp-image-17300 size-full" src=""></a>

а надо так

<div class="myphoto"><a href=""><img class="wp-image-17300 size-full" src=""></a></div>

есть решение

function breezer_addDivToImage( $content ) {

  // A regular expression of what to look for.
  $pattern = '/(<img([^>]*)>)/i';
  // What to replace it with. $1 refers to the content in the first 'capture group', in parentheses above
  $replacement = '<div class="myphoto">$1</div>';

  // run preg_replace() on the $content
  $content = preg_replace( $pattern, $replacement, $content );

  // return the processed content
  return $content;
}

add_filter( 'the_content', 'breezer_addDivToImage' );

но оно не работает если изображение вставляется с описанием, об этом уже писали https://qna.habr.com/q/382310 и я так и не понял как решить эту проблему

[Антон Литвиненко]

вы же в курсе что в редакторе можете писать любой html в режиме редактирования кода?

[sergiocharm]

Антон Литвиненко, так если у меня 3000 статей опубликовано, я бы хотел автоматизировать этот пропцесс

[Антон Литвиненко]

sergiocharm,

$('article img').wrap('<div class="myphoto"></div>');

[sergiocharm]

Антон Литвиненко, Я извиняюсь, подскажи е куда это вставить?

[Антон Литвиненко]

sergiocharm, в любое место со скриптами, где уже загружен jquery

[sergiocharm]

Антон Литвиненко, а варианта через function.php нет

[Антон Литвиненко]

sergiocharm, та лехко))

add_action('wp_footer', function(){
  ?>
  <script>
    document.addEventListener('DOMContentLoaded', function(event) {
      jQuery(function($){
        $('article img').wrap('<div class="myphoto"></div>');
      });
    });
  </script>
  <?php
});

[sergiocharm]

Антон Литвиненко, благодарность вам! Я весь мозг сломал как это сделать.
Всем спасибо за участие!