نماد سایت بیگ تم

بارش برف در سایت با کد و افزونه وردپرس

بارش برف در سایت با کد و افزونه وردپرس - WP Super Snow وردپرس

بارش برف در سایت با کد و افزونه وردپرس - WP Super Snow وردپرس

سلام , در خدمتتون هستم با آموزش قرار دادن بارش برف در سایت با کد و افزونه وردپرس , هم می تونید از کد استفاده کنید و هم اینکه برای راحتی که از افزونه , در فصل زیبای زمستان هستیم و اولین روزهای زمستانی رو سر می کنیم به نظر شما تو این فصل سرما چی میچسبه ؟ به نظر من پای سیستم باشی و کنار وردپرس هیچ سرمایی حس نمیشه. البته با یک فنجان چای وردپرسی.

خوب بریم سراغ کد و افزونه ای که بارش برف رو به سایت اضافه می کنه , ابتدا کد رو میگم بعد افزونه.

کد بارش برف در سایت یا وبلاگ ( کلیه ی سایت ها )

برای این کار نیاز داریم تا یک قطعه کد رو در مکانی از فایل های قالب قرار بدیم این کد یک اسکریپت است که باعت ریزش برف در سایت میشه یه نکته ای رو بگم به دلیل این که رنگ برف سفیده این کد برای سایت هایی که زمینه ی سایتشون تیره هست خیلی مناسبه البته میشه تغییر رنگ هم داد. کد زیر رو باید بین تگ body قالبتون قرار بدید پس این تگ رو پیدا کنید و بعد از این تگ کد رو قرار بدید ( در سایت های وردپرس ممکن در فایل header.php یا index.php  قرار داشته باشه )


<!--Design By : bigtheme.ir-->
<script>
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Set the letter that creates your snowflake (recommended:*)
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6

// Set the maximal-size of your snowflaxes
var snowmaxsize=22

// Set the minimal-size of your snowflaxes
var snowminsize=8

// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=3

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}

function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
snow[i].style.left=snow[i].posx
snow[i].style.top=snow[i].posy
}
movesnow()
}

function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
snow[i].style.top=snow[i].posy

if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</script>

خوب بعدش فایل رو ذخیره کنید و نتیجه رو مشاهده کنید. حالا میریم سراغ افزونه وردپرس که کار رو خیلی آسون کرده برای وردپرسی ها و امکانات خوبی هم داره و می تونید کاملا سفارشی سازیش کنید.

افزونه بارش برف در سایت وردپرس WP Super Snow (Falling Snow, Customizable)

با این افزونه می تونید به راحتی قابلیت ریزش برف رو به وردپرس اضافه کنید نام این افزونه wp super snow هست که واقعا عالیه و گزینه های زیادی برای تنظیمات داره و می تونید به دلخواه خودتون شخصی سازیش کنید.

این افزونه وردپرس با jQuery و CSS3 بارش برف رو نمایش میده و کاملا سبک هست همون طورکه گفته شد داری بخش تنظیمات در داشبورد وردپرس هستش که حتی می توانید دانه های برف را به دلخواه خود تغییر دهید.

لینک دانلود افزونه هم زیر خبرنامه هست.  امیدوارم مفید واقع بشه براتون , ور کنار وردپرس زمستانی گرم داشته باشید.

منبع: بیگ تم

لینک: https://bigtheme.ir/wp-super-snow-plugin-code/

خروج از نسخه موبایل