یلداطوری تلاش نت - از 17 الی 30 آذر

متنوع ترین سرویس های هاستینگ باتوجه به نیاز شما با تخفیف 60% 50% تخفیف سرور مجازی و ریسلر CPANEL/WHM پرداخت بصورت ماهانه / سه ماهه / شش ماهه / سالانه SSL رایگان حتی برای دامنه های IR راه اندازی آنی پشتیبانی 24 ساعته ، یکماه ضمانت بازگشت وجه مشاوره آنلاین روی سایت | 02154109999 | talashnet.com .

ساخت نوار تبلیغات شناور در صفحات وردپرس

ساخت نوار تبلیغات شناور در صفحات وردپرسReviewed by محمد on Jul 24Rating: 4.0ساخت نوار تبلیغات شناور در صفحات وردپرسقطعا دیده اید که در برخی از سایت ها یک نوار بصورت شناور در پایین سایت نمایش داده می شود که با اسکرول کردن صفحه باز هم آنرا می بینید. نواری که برای شما اطلاعیه ای نمایش می دهد و یا شما را ترغیب می کند که مطلبی دیگر از سایت را مطالعه کنید.

نوار تبلیغات شناور چیست؟

قطعا دیده اید که در برخی از سایت ها یک نوار بصورت شناور در پایین سایت نمایش داده می شود که با اسکرول کردن صفحه باز هم آنرا می بینید. نواری که برای شما اطلاعیه ای نمایش می دهد و یا شما را ترغیب می کند که مطلبی دیگر از سایت را مطالعه کنید. به این شکل:

ساخت نوار تبلیغات شناور در صفحات وردپرس

اینکار باعث اکاهش bounce rate یا همان نرخ پرش سایت می شود. چرا که کاربر را ترغیب می کند تا از صفحات دیگر سایت شما نیز بازدید کند. ( به دلیل چشمگیر بودن محل تبلیغات ) از این نوار برای اهداف زیر استفاده می شود:

کلیک بیشتر روی لینک ها و دیدن سایر صفحات
دریافت لیست ایمیل کاربران
فروش محصولات

چگونه یک نوار ثابت به فوتر سایتمان اضافه کنیم؟

این روش بدون نیاز به افزونه ، یک نوار ثابت را به سایت وردپرس شما اضافه خواهد کرد. تنها با قرار دادن چند کد ساده در قالب وردپرس شما

ابتدا وارد بخش نمایش > ویرایشگر شوید. حالا فایل footer.php را باز کنید و کد زیر را در انتهای آن قبل از </body> قرار دهید.

<div class="fixedBar">
<div class="boxfloat">
<ul id="tips">
<li><a href="http://www.20script.ir/">آیا می دانید بیست اسکریپت سایتی هست مرجع برای وبمستر ها؟</a></li>
<li><a href="http://www.20script.ir/userpro">آیا می خواهید برترین افزونه عضویت برای وردپرس را بشناسید؟</a></li>
</ul>

</div>
</div>

<li><a href="http://www.20script.ir/">آیا می دانید بیست اسکریپت سایتی هست مرجع برای وبمستر ها؟</a></li>

<li><a href="http://www.20script.ir/userpro">آیا می خواهید برترین افزونه عضویت برای وردپرس را بشناسید؟</a></li>

</ul>

</div>

حالا فایل style.css قالب سایتتان را باز کرده و کد زیر را در انتهای آن paste کنید:

.fixedbar {
background: #000; 
bottom: 0px; 
color:#fff; 
font-family: Arial, Helvetica, sans-serif; 
left:0; 
padding: 0px 0; 
position:fixed; 
font-size:16px; 
width:100%; 
z-index:99999; 
float:left; 
vertical-align:middle; 
margin: 0px 0 0; 
opacity: 0.95; 
font-weight: bold;
}
.boxfloat {
text-align:center; 
width:920px; 
margin:0 auto;
}

#tips, #tips li {
margin:0; 
padding:0; 
list-style:none
}
#tips {
width:920px; 
font-size:20px; 
line-height:120%;
}
#tips li {
padding: 15px 0; 
display:none;
}
#tips li a{
color: #fff;
}
#tips li a:hover {
text-decoration: none;
}

.fixedbar {

background: #000;

bottom: 0px;

color:#fff;

font-family: Arial, Helvetica, sans-serif;

left:0;

padding: 0px 0;

position:fixed;

font-size:16px;

width:100%;

z-index:99999;

float:left;

vertical-align:middle;

margin: 0px 0 0;

opacity: 0.95;

font-weight: bold;

}

.boxfloat {

text-align:center;

width:920px;

margin:0 auto;

}

#tips, #tips li {

margin:0;

padding:0;

list-style:none

}

#tips {

width:920px;

font-size:20px;

line-height:120%;

}

#tips li {

padding: 15px 0;

display:none;

}

#tips li a{

color: #fff;

}

#tips li a:hover {

text-decoration: none;

}

حالا کد زیر را به فایل header.php قالب سایتتان قبل از </head> اضافه کنید:

<script>
(function($) {
this.randomtip = function(){
	var length = $("#tips li").length;
	var ran = Math.floor(Math.random()*length) + 1;
	$("#tips li:nth-child(" + ran + ")").show();
};

$(document).ready(function(){	
	randomtip();
});
})( jQuery );
</script>