¿Quieres envolver automáticamente las imágenes en the_content con HTML personalizado? Las imágenes siempre dividen el contenido en párrafos. Sin embargo, puedes envolverlas fácilmente con tu contenido usando el HTML personalizado.
Instrucciones:
Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a un plugin específico del sitio:
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: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo copiar / pegar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.
Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: Los 27 mejores temas de WordPress para negocios para tu sitio web y Las 15 mejores herramientas y plugins de marketing de contenidos para WordPress.
Pequeño problema, si usas un pie de foto, el texto del pie de foto queda fuera del div. También usaría el elemento figure, eso es lo que WP usa si una imagen tiene un pie de foto. ¡Ayuda por favor!
¡genial!
¡Te amo, hombre! Gran script