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

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

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

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

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='http://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>

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

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

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

آقای وردپرس

 

درباره سید حامد حسینی

بنده سید حامد حسینی هستم ، میدیریت سایت آقای وردپرس و ووکامرس فارسی ، دانشجوی مهندسی نفت هستم و از کار کردن با وردپرس لذت میبرم ، بعد از یک سال و درمان ، دوباره به سایت آقای وردپرس برگشتم تا همه ی دانشم رو با شما در میون بگذارم ، منتظر پیشنهاد و انتقادات شما هستم و تشکر میکنم از اینکه اینجا هستید . دوست دار شما ، تیم آقای وردپرس

بیشتر بخوانید

آموزش اضافه کردن شکلک های لایک فیس بوک به وردپرس

در این آموزش قصد داریم تا به شما کاربران گرامی آموزش دهیم ، که چطور …

3 دیدگاه

  1. سلام دوست عزیزم
    خیلی متشکرم بابت این آموزش شما
    اگه این امکان باشه که به جای متن برو به بالا یک تصویر باشه خیلی زیبا تر میشه
    خیلی از شما متشکرم

پاسخ دهید

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

دوره رایگان طراحی سایت از صفر تا صد

دوره رایگان طراحی سایت از صفر تا صد

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

اشتراک شما با موفقیت انجام شد ( ایمیل خود را چک کنید)