Vuoi racchiudere automaticamente le immagini in the_content con HTML personalizzato? Le immagini spezzano sempre il contenuto in paragrafi. Tuttavia, puoi facilmente racchiuderle con il tuo contenuto usando l'HTML personalizzato.
Istruzioni:
Tutto quello che devi fare è aggiungere questo codice al file functions.php del tuo tema o in un plugin specifico per il sito:
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');
Nota: Se questa è la prima volta che aggiungi snippet di codice in WordPress, consulta la nostra guida su come copiare / incollare correttamente snippet di codice in WordPress, in modo da non rompere accidentalmente il tuo sito.
Se ti è piaciuto questo snippet di codice, prendi in considerazione la lettura dei nostri altri articoli sul sito come: 27 migliori temi WordPress per aziende per il tuo sito web e 15 migliori strumenti e plugin di content marketing per WordPress.
Piccolo problema, se usi una didascalia, il testo della didascalia finisce fuori dal div. Userei anche l'elemento figure, è quello che WP usa se un'immagine ha una didascalia. Aiuto per favore!
Fantastico!
Ti amo amico! Ottimo script