Você quer envolver automaticamente imagens em the_content com HTML personalizado? Imagens sempre quebram o conteúdo em parágrafos. No entanto, você pode facilmente envolvê-las com seu conteúdo usando o HTML personalizado.
Instruções:
Tudo o que você precisa fazer é adicionar este código ao arquivo functions.php do seu tema ou a um plugin específico do site:
function filter_images($content){
return preg_replace('/<img (.*) \/>\s*/iU', '<span class="className"><b><img \1 /></b></span>', $content);
}
add_filter('the_content', 'filter_images');
Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como copiar / colar trechos de código corretamente no WordPress, para não quebrar acidentalmente seu site.
Se você gostou deste trecho de código, considere conferir nossos outros artigos no site, como: 27 melhores temas de negócios WordPress para o seu site e 15 melhores ferramentas e plugins de marketing de conteúdo para WordPress.
Pequeno problema, se você usar uma legenda, o texto da legenda acaba fora da div. Eu também usaria o elemento figure, é o que o WP usa se uma imagem tiver uma legenda. Ajuda, por favor!
ótimo!
Eu te amo cara! ótimo script