WordPress: aggiungere una classe speciale ai link che puntano alle 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 jQuery o qualsiasi plugin per aggiungere degli effetti a queste immagini. Vediamo come fare.

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

add_filter('the_content', 'add_image_link');
function 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;
}