X

Envolver automáticamente imágenes en the_content con HTML personalizado

Snippets by IsItWP

¿Quieres envolver automáticamente las imágenes en the_content con HTML personalizado? Las imágenes siempre rompen el contenido en párrafos. Sin embargo, puedes envolverlas fácilmente con tu contenido utilizando el HTML personalizado.

Instrucciones:

Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en 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 añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo copiar / pegar correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.

Si te ha gustado este fragmento de código, por favor considere revisar nuestros otros artículos en el sitio como: 27 mejores temas de negocios de WordPress para su sitio web y 15 mejores herramientas y plugins de marketing de contenidos para WordPress.

Comentarios   Deja una respuesta

  1. Slight issue, if you use a caption, the caption text ends up outside of the div. I would also use the figure element, thats what WP uses if an image has a caption. Help plz!

  2. great!

  3. I love you man! great script

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad , y que todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

WordPress Launch Checklist

La lista definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de comprobación para el lanzamiento de su próximo sitio web de WordPress en un práctico ebook.
Sí, envíeme el ¡gratuito!