Wordpresste Resimlere Lightbox Nasıl Yapılır?

Bloglar içerisinde belki de en önemli sorunlardan birisi de kullanıcıların resimleri önizleme yapmaları için siteyi terketmek zorunda kalmalarıydı. Bu hem blogcular hem de kullanıcılar açısından hoş bir görüntü sunmuyordu. Ancak LightBox ile bu sorununuza çözüm getirmeniz artık mümkün. Bu eklenti sayesinde kullanıcılarınız sitenizi terketmeden sitenizde bulunan resimlerin önizlemelerini kolay bir şekilde gerçekeleştirebilmektedirler.

LigthBox, sitenizi terketmeden küçük resimlerin önizlemelerini görmenizi sağlayan basit bir JavaScript(js) uygulamasıdır. Lighbox, sitenizde bulunan bir resime tıkladığınızda siteniz üzerinden resmin bütününü açan bir uygulamadır.

LightBox'u Wordpress'e nasıl entegre ederim?

1. Öncelikle LightBox kurmak için gerekli olan dosyaları Buradan indiriyoruz.

2. Daha sonra indirdiğiniz dosyaları masaüstünüzde bir yere çıkarın ve çıkardığınız dosyaları sitenizde

/wp-content/themes/default

klasörünüze yükleyin.

3. Wordpress Admin Paneline gelip aşağıdaki sekmeleri açıyoruz

Görünüm -> Editör

4. Şimdi Header(üst kısım)dan <-head->-<-/head-> kodlarının arasına aşağıdaki kodları yapıştırıyoruz.

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"> </script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen"/>

5. Şimdi Kayıt edip, yazılarınıza her resim eklemenizde aşağıdaki kodları yazıyorsunuz.

<a href="Resim adresi" rel="lightbox" title="Resim açıklaması"><img src="Resim Adresi"/></a>

6. Hepsi bu kadar güle güle kullanın.

• 
• 
• 
• 
•