WordPress: aggiungere una classe ai link che puntano ad immagini

In WordPress spesso vogliamo aggiungere degli effetti JavaScript alle immagini contenute nei link HTML.

L'effetto lightbox è quello più comune, ma se usiamo una stessa classe per tutti i link che puntano ad un'immagine potremmo utilizzare qualsiasi tecnica JavaScript o qualsiasi plugin per aggiungere degli effetti a queste immagini.

Aggiungete il seguente codice al file functions.php, sostituendo il nome della classe con quello scelto da voi:


add_filter( 'the_content', 'my_add_image_link' );

function my_add_image_link( $content ) {
       global $post;
       $pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
       $replacement = '<a$1href=$2$3.$4$5 class="image" title="'.$post->post_title.'"$6>';
       $content = preg_replace( $pattern, $replacement, $content );
       return $content;
}
Torna su