- 1 Ağu 2007
- 5,470
- 41
Öncelikle lightbox'u buradan indiriyoruz.
İndirmiş olduğumuz rar dosyası içerisindeki css / images ve js klasörlerini WordPress'in kurulu olduğu dizine gönderiyoruz.
Daha sonra WordPress yönetim paneline giriyoruz,buradan Görünüm > Tema editörü > Üst kısım ( header.php ) bölümüne giriyoruz.
Buluyoruz ;
Hemen Altına ;
bu kodu ekliyoruz.
Daha sonra aynı yerde şunu buluyoruz ;
<?php wp_head(); ?>
</head>
Hemen üstüne şunları ekliyoruz ;
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
ve lightbox uygulamamız sona ermiş oluyor.
Resim eklerken şu kodlarla resim eklemeyi unutmayın ;
width="136 - height="107 bu boyutları kendinize göre ayarlayabilirsiniz.
Kolay gelsin.
İndirmiş olduğumuz rar dosyası içerisindeki css / images ve js klasörlerini WordPress'in kurulu olduğu dizine gönderiyoruz.
Daha sonra WordPress yönetim paneline giriyoruz,buradan Görünüm > Tema editörü > Üst kısım ( header.php ) bölümüne giriyoruz.
Buluyoruz ;
Kod:
<title><?php bloginfo('name'); ?> - <?php bloginfo('description'); ?></title>
Hemen Altına ;
Kod:
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
bu kodu ekliyoruz.
Daha sonra aynı yerde şunu buluyoruz ;
<?php wp_head(); ?>
</head>
Hemen üstüne şunları ekliyoruz ;
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
ve lightbox uygulamamız sona ermiş oluyor.
Resim eklerken şu kodlarla resim eklemeyi unutmayın ;
Kod:
<a rel="lightbox[GSORG]" href="http://www.siteniz/resim.jpg" title="Resim açıklamanız">
<img border="0" width="136" src="http://www.siteniz/resim.jpg" height="107" /></a>
width="136 - height="107 bu boyutları kendinize göre ayarlayabilirsiniz.
Kolay gelsin.