Lightbox resimleri görüntülemekte kullanılan oldukça yaygın güzel bir jQuery eklentisidir. Ancak bu eklentiyi kullanırken hangi resimlerinizin Lightbox ile görüntüleneceğini doğru bir şekilde belirtmeniz gerekir. Bunun için de resimlerin kodlarında rel=”lightbox” vb. bir yapıya ihtiyaç duyarız. İşte aşağıda vereceğim kodu temanızın functions.php dosyasına ekleyerek yazılarınızdaki tüm gömülü resimlere otomatik olarak rel=”lightbox” ekleyebilirsiniz.
[php]add_filter(‘the_content’, ‘my_addlightboxrel’);
function my_addlightboxrel($content) {
global $post;
$pattern ="/<a(.*?)href=(‘|\")(.*?).(bmp|gif|jpeg|jpg|png)(‘|\")(.*?)>/i";
$replacement = ‘<a$1href=$2$3.$4$5 rel="lightbox" title="’.$post->post_title.’"$6>’;
$content = preg_replace($pattern, $replacement, $content);
return $content;
}[/php]
WordPress Yazılarınızdaki Tüm Resimlere rel=”lightbox” Eklemek
30 sec read