WordPress: aggiungere una classe ai link che puntano ad immagini

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

WordPress di Gabriele Romanato

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;
}

Commenti