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

Question

[Рома]

Добрый день) Интересует, возможно ли при добавлении фотографий на страницу в 'редакторе страницы' автоматически обертывать изображение в div?

Answer 1

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

Можно. Регуляркой.

function wrap_images( $content ) {
   $pattern = '/(<img([^>]*)>)/i';
   $replacement = '<div class="myphoto">$1</div>';    
   return preg_replace( $pattern, $replacement, $content );
}
add_filter( 'the_content', 'wrap_images' );

Если используется caption - надо будем регулярку менять.

Comments

[Рома]

Спасибо большое!) а можно как-нибудь обернуть все дивы с классом .myphoto в один див .gallery? использовал jquery .wrapAll, но он ищет все дивы на странице и собирает в одном месте, чего делать не нужно(

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

Рома: а зачем?

Answer 2

[Дмитрий]

Как предложил Игорь, делать в некоторых случаях можно (например, если нужно поправить вывод уже существующих в контенте картинок).

Но правильнее будет один раз исправить вывод старых картинок в базе данных и затем прицепиться к image_send_to_editor
https://developer.wordpress.org/reference/hooks/im...

Так не нужна будет регулярка, сможете более гибко настроить вывод в зависимости от наличия caption, размера картинки, наличия alt и прочего.