تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
اسکریپت vfm 1 پاسخ 36 بازدید افزونه ساخت شماره مجازی 10 پاسخ 557 بازدید مشکل در اسکریپت مچ فرم 0 پاسخ 129 بازدید واگذاری سرویس هاست اختصاصی ووکامرس 0 پاسخ 196 بازدید به هم ریختگی سایت بعد از نصب قالب 0 پاسخ 173 بازدید درخواست قالب با سبک کندو 0 پاسخ 196 بازدید اسکریپت نال شده 1 پاسخ 233 بازدید اسکریپت droppy 1 پاسخ 241 بازدید درخواست طراحی قالب وبلوتین 4 پاسخ 617 بازدید از کجا دامین ارزان خرید کنم لطفا معرفی کنید 1 پاسخ 377 بازدید
تبلیغات
تبلیغات تبلیغات

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

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

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

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

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

اینکار باعث اکاهش 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>

حالا فایل 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;
}

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

حالا می توانید سایتتان را مشاهده کنید. یک نوار تبلیغات چشمگیر به فوتر سایت شما اضافه شده که می تواند برای شما نرخ کلیک بالایی را به همراه داشته باشد.

متن را از فایل footer.php می توانید تغییر دهید و لینک دلخواه خود را به جای http://www.20script.ir وارد کنید.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
نحوه استفاده

کافیست افزونه را در مسیر wp-content/plugins آپلود کنید و سپس از بخش مدیریت افزونه ها آن را فعال نمایید.

مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=36341
کلمات کلیدی پست :
مطالب مرتبط
13,804آموزش درج تاریخ بروزرسانی مطالب در وردپرس تاریخ : 2016/09/16
5,432قالب متفاوت برای ادامه مطلب هر دسته در وردپرس تاریخ : 2018/05/30
114,601افزونه فارسی فرم ساز پیشرفته وردپرس Gravity Forms نسخه 2.5.9.3 + افزودنی ها تاریخ : 2021/08/24
14,013نمایش تصاویر متحرک در وردپرس با افزونه WP GIF Player تاریخ : 2018/01/23
9,592آموزش افزودن دکمه ادامه مطلب در وردپرس تاریخ : 2019/08/3
15,197دانلود قالب پرسش و پاسخ Robust فارسی برای وردپرس تاریخ : 2015/10/24
7,981اشتراک گذاری آسان مطالب با افزونه Sociable تاریخ : 2016/04/7
3,860محدود کردن ابزار جستجو سایت وردپرسی تاریخ : 2019/05/7
12,610ساخت صفحه Coming Soon با افزونه وردپرس تاریخ : 2014/05/20
19,946افزونه فوق امنیتی وردپرس iThemes Security Pro نسخه 1.7.10 تاریخ : 2014/11/1
8,556قرار دادن پروفایل شبکه های اجتماعی در گوگل تاریخ : 2018/04/20
4,864جلوگیری از Hotlinking در وردپرس تاریخ : 2019/11/15
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات