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