Dikkat

Artık daha güncel bir blog olacak !

  • Cem Karakurt
  • 33 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;
}
  • 26 Kasım 2013 tarihinde yazıldı.
  • 0 yorum yapıldı.

Yazı hakkında görüşlerinizi belirtmek istermisiniz?