تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده

تبلیغات
تبلیغات تبلیغات

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

مقالات,آموزش,ترفند , وردپرس

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

 

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

 

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

 

کد زیر را در فایل 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>

 

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
انتقال و خرید دامنه 5000 تومان! | کد تخفیف: limoo-ir-5s ثبت دامنه >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=27648
کلمات کلیدی پست :
مطالب مرتبط
8,462محدودیت دسترسی به wp-login.php از طریق IP تاریخ : 2017/09/6
2,716آموزش اضافه کردن استایل دلخواه به ابزارک ها در وردپرس تاریخ : 2019/11/4
14,244افزونه ویرایش آنلاین نام تصاویر در وردپرس Media File Renamer Pro تاریخ : 2021/09/6
6,759افزونه وردپرس ایجاد پنجره های پاپ آپ Unlimited Pop-ups نسخه 1.5.1 تاریخ : 2017/12/11
5,947نمایش آخرین مطالب ویرایش شده وردپرس تاریخ : 2015/07/31
17,702افزودنی ایجاد منوهای مگامنو در Elementor با افزونه JetMenu تاریخ : 2017/12/4
7,826دانلود قالب نمونه کار cvCard برای وردپرس تاریخ : 2017/03/4
8,592حذف خودکار حروف اضافه از URL های وردپرس تاریخ : 2017/09/7
3,732طراحی واکنش گرای سایت های وردپرسی تاریخ : 2019/12/20
32,654دانلود پوسته نیازمندی ها ClassiPress برای وردپرس تاریخ : 2016/05/14
5,656آنالیز افزونه و قالب وردپرس با افزونه Query Monitor تاریخ : 2018/03/16
7,316طرح آبی برای فرم ورود وردپرس + آموزش تاریخ : 2014/08/1
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
شرکت سئو سایت
تبلیغات
هاست دانلود
تبلیغات