نحوه نمایش نوار تبلیغاتی شناور در وردپرس

تبلیغات های موجود در یک سایت به روش های مختلفی نمایش داده می شود و در بخش های مختلفی نمایش تبلیغات به شیوه های مختلفی رایج است ؛ یکی از بهترین و موثر ترین راه های تبلیغات و نمایش محتوای تبلیغاتی ، استفاده از تبلیغات شناور برای نمایش متن یا بنر تبلیغاتی می باشد که با لینک دادن به صفحه مورد نظر می توان کاربران را به خواندن محتوای تبلیغات هدایت نمود . این نوع تبلیغات برای معرفی محصولات جدید که در سایت قرار می گیرند یا برای نمایش لینک یک نوع شبکه اجتماعی خاص که در آن فعال هستید ، بسیار مناسب است . در این مطلب قصد داریم به شما آموزش دهیم که چگونه می توان نوار تبلیغاتی شناور را در تمامی صفحات وردپرس نمایش داد ! در ادامه با ما و نحوه نمایش نوار تبلیغاتی شناور در وردپرس همراه باشید .

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

کد زیر را در فایل 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">دانلود اسکریپت</a></li>
</ul>
</div>
</div>

کد زیر را در انتهای فایل style.css قرار دهید :

.fixedbar {
background: #۰۰۰;
bottom: ۰px;
color:#fff;
font-family: Arial, Helvetica, sans-serif;
left:۰;
padding: ۰px ۰;
position:fixed;
font-size:۱۶px;
width:۱۰۰%;
z-index:۹۹۹۹۹;
float:left;
vertical-align:middle;
margin: ۰px ۰ ۰;
opacity: ۰.۹۵;
font-weight: bold;
}
.boxfloat {
text-align:center;
width:۹۲۰px;
margin:۰ auto;
}
 
#tips, #tips li {
margin:۰;
padding:۰;
list-style:none
}
#tips {
width:۹۲۰px;
font-size:۲۰px;
line-height:۱۲۰%;
}
#tips li {
padding: ۱۵px ۰;
display:none;
}
#tips li a{
color: #fff;
}
#tips li a:hover {
text-decoration: none;
}

همچنین کد زیر را در header.php قرار دهید :

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

اکنون می توانید بجای عبارات بیست اسکریپت و دانلود اسکریپت هر متنی را که می خواهید به همراه لینک دلخواه خود نمایش دهید .