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


آخرین ارسال های تالار مشاهده انجمن
Google Scholar 1 پاسخ 464 بازدید افزونه پرداخت با تتر 2 پاسخ 666 بازدید درج اگهی تبلیغاتی چگونه است؟ 0 پاسخ 2 بازدید Open Journal Systems (OJS) 0 پاسخ 1356 بازدید ارز ووکامرس 2 پاسخ 1051 بازدید افزونه گرافیست 1 پاسخ 931 بازدید آموزش تغییر استایل بخش مدیریت سفارشات 1 پاسخ 1486 بازدید خرابی قالب سایت اسکریپت ها 2 پاسخ 1418 بازدید لینک قالب کلینیک بهداشتی پزشکی Medizco برای وردپرس 1 پاسخ 905 بازدید چگونه این نوشته در آخرین ارسالات را ویرایش کنم؟ 1 پاسخ 930 بازدید
تبلیغات
تبلیغات تبلیغات

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

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

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

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

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

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

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

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

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

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

دانلود

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

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

مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=36341
کلمات کلیدی پست :
مطالب مرتبط
33,761جعبه دانلود برای وردپرس تاریخ : 2013/12/25
19,760دانلود و معرفی 23 قالب رایگان وردپرس تاریخ : 2016/03/25
7,448زیر نظر داشتن نویسندگان در وردپرس با افزونه Simple History تاریخ : 2018/01/4
11,211تغییر سایز تصاویر به صورت گروهی در وردپرس با افزونه Imsanity تاریخ : 2017/08/3
16,051افزونه شبیه سازی پنل وردپرس به محیط دسکتاپ ویندوز WP OS Desktop Backend تاریخ : 2019/07/7
2,076چرا وردپرس رایگان است؟ تاریخ : 2022/05/8
5,736خطای با عرض پوزش، این نوع پرونده به دلایل امنیتی مجاز نیست. در وردپرس تاریخ : 2019/10/1
11,645پیمایش نرم اسکرول در وردپرس با افزونه MouseWheel Smooth Scroll تاریخ : 2018/01/24
15,272آموزش ساخت هدر سفارشی برای هر برگه از وردپرس تاریخ : 2019/12/15
6,464پوسته کاریابی وردپرس و ووکامرس Jobseek تاریخ : 2018/12/10
9,681آموزش وارد کردن دائمی اطلاعات FTP در وردپرس تاریخ : 2013/10/25
13,442دانلود قالب دیزاینر نسخه سال 95 برای وردپرس تاریخ : 2016/04/1
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file
تبلیغات