WordPress sitenizde kar yağdırmak…

Kış geldi, hatta yılbaşına bile az zaman kaldı. Sitelerinde kar yağdırmak isteyen arkadaşlar var. Jetpack eklentisini kullanan arkadaşlar için aşağıda vereceğim ayarlar sekmesinde kar yağdırma efektini kullanabilecekleri bir seçenek sunmakta. Bunun haricinde benim de sitemde kullandığım bir javascript var. Bu iki değişiklik hakkında detayları yazının içerisinde size aktaracağım.

WordPress Jetpack ile Kar Yağdırmak

WordPress.com üzerinde internet sitesi barındıran arkadaşlar bu özellik halihazırda bulunmakta. Orada bulunan özelliği Jetpack sisteminin içerisine entegre eden WordPress geliştiricileri sizelre bu özelliği kullanabilmeniz için bir seçenek bırakmışlar. Sanırım Türkçe pakette dil çevirisi atlanan bu özelliğe Ayarlar->Genel seçenek alanından ulaşabilirsiniz. Seçenek sayfanın en altında şu şekilde bulunmakta.

Bu seçeneği aktif eder ve Değişiklikleri Kaydet butonuna basarsanız sisteminizde 4 Ocak tarihine kadar kar yağacaktır.

Harici bir javascirpt dosyası kullanmak

Yukarıda bahsettiğim durumun dışında birşey kullanmak isteyenler için bir jQuery eklentisi var. Snowfall olarak bilien bu eklentiyi şu alanda bulunan Github sayfasından edinebilirsiniz. Daha sonrasında egerkli javascript dosyasını siteniz içinde uygun bir yere attıktan sonra, sitenizin head alanı bitiminden önce şu şekilde ekleyin.

<script type='text/javascript' src='sitenizinadresi/snowfall.min.jquery.js'></script>

jQuery kurallarına uygun şekilde çalışması için en basit ekleme yöntemi olan şu kodu yine head alanı bitiminden önce ekleyin.

<script>
$(document).snowfall();
</script>

Ayrıca şöyle opsiyonları da bulunmakta. Onları da yanlarına açıklamalarıyla ekliyorum.

<script>
$(document).snowfall({
    flakeCount : 35,        // görünecek kar tanesi sayısı
    flakeColor : '#ffffff', // kar tanesi rengi
    flakeIndex: 999999,     // kar tanelerinin z-index değeri
    minSize : 1,            // minimun kar tanesi boyutu
    maxSize : 3,            // maksimum kar tanesi boyutu
    minSpeed : 2,           // minimum hız
    maxSpeed : 3,           // maksimum hız
    round : false,          // kar taneleri yuvarlaklığı (true/false)
    shadow : false,         // kar tanelerinde bulunan gölge (true/false)
    collection : 'element'  // kar tanelerinin üzerinde toplanacağı div vb alanı class veya idsi
});
</script>

Yukarıdaki şekliyle düzenleme yapmanız da mümkün. Herhangi bir soru, şikayet vb. durum olursa yorum bırakmaktan çekinmeyin.
Selametle

Serkan Algur: WordPress ile uğraşan deli bir adam...

This website uses cookies.