آقای وردپرس » آموزش وردپرس » دکمه بالا برنده سایت برای وردپرس

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

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

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

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>

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

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

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

آقای وردپرس

 

بیشتر بخوانید :   قالب نمونه کار و طراحی وب وردپرس ( قالب قبلی پرن وب )

1 دیدگاه دربارهٔ «دکمه بالا برنده سایت برای وردپرس»

دیدگاه‌ خود را بنویسید

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

به بالای صفحه بردن