آموزش وردپرس

دکمه بالا برنده سایت برای وردپرس

با سلام خدمت کاربران عزیز و محترم آقای وردپرس

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

footer.php    رو باز کنید و به انتهای کد های فوتر مراجعه کنید حالا کد های زیر رو بالای دو تگ

</body></html> اضافه کنید.

<style type='text/css'> #bttop{border:1px solid #4adcff;
background:#24bde2;
text-align:center;
padding:5px;
position:fixed;
bottom:35px;
right:10px;
cursor:pointer;
display:none;
color:#fff;
font-size:11px;
font-weight:900;} 
#bttop:hover{border:1px solid #ffa789;background:#ff6734;} 
</style> <div id='bttop'>برو بالا</div> 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
 <script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$('#bttop').fadeIn();}else{$('#bttop').fadeOut();}});$('#bttop').click(function(){$('body,html').animate({scrollTop:0},800);});});</script>

حالا این امکان به سایت شما اضافه شد!!! حالا به سایت خود مراجعه کنید و تغییرات حاصله رو مشاهده کنید.

موفق و سربلند باشید.
بدرود.

منتظر نظرات سازندتون هستم نظر یادتون نره!!!

آقای وردپرس

 

در حال ارسال
نظر کاربر
( رای)
امتیازات نظرات ( بررسی ها)
بیشتر بخوانید :   Video.js- ویدئو پلیر HTML5 برای وردپرس
دریافت فایل
برچسب ها
نمایش بیشتر

سید حامد حسینی

بنده سید حامد حسینی هستم ، میدیریت سایت آقای وردپرس و ووکامرس فارسی ، دوست وردپرسی شما ، تیم آقای وردپرس

نوشته های مشابه

یک نظر

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

در حال ارسال

دکمه بازگشت به بالا
بستن