• Cem Karakurt
  • 19 Okunma
  • 26 Kasım 2013
  • 0
  •  

WordPress Resimlere Lightbox Eklemek

Lightbox konuda bulunan resimlere tıklandığında ekranda büyüyerek açılmasını sağlayan eklentidir.Genellikle kapatma butonu olur ya da resim dışı bir alana tıklanıldığında kapanır.Örnek verirsek bir fotoğraf blogunda bütün resimleri direk koyarsanız resimler dağınık gözükür bu da ziyaretçilerinizi mutlu etmez.Ama eğer lightbox kullanırsanız hem sitenizde yerden tasarruf edersiniz hem de siteniz düzenli gözükür.Sitenize gelen bir ziyaretçi istediği resme tıklayarak ekrana getirir sonra da kapatır.Bu eklentiyi neredeyse her platformda kullanabilirsiniz.Bugün wordpress‘de kullanmayı göstereceğim.Diğer platformları da zamanla anlatırım.

Öncelikle aşağıdaki kodu eklediğinizde bütün konulardaki resimler bu özelliği kullanır.Yani tek bir kod ile bütün konulardaki resimlere lightbox ekliyorsunuz.Kod <a href”..  ekli resimlerde çalışır.

Aşağıdaki kodu temanızın “functions.php” dosyasına ekleyiniz.<?php ile  ?> arasına ekleyiniz.

Not: Her ihtimale karşı yedek alınız kod hata verip dosyanız bozulabilir.

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;
}
İlginizi Çekebilir :   WordPress Sosyal Box Eklentisi

YORUM YAP


BU YAZIYA 0 YORUM YAPILMIŞ