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

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

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

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

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. سلام دوست عزیزم
    خیلی متشکرم بابت این آموزش شما
    اگه این امکان باشه که به جای متن برو به بالا یک تصویر باشه خیلی زیبا تر میشه
    خیلی از شما متشکرم

پاسخ دهید

نیاز به مشاوره دارید ؟ با ما تماس بگیرید 09211881543 - 03133456187
اشتراک در خبرنامه ایمیلی آقای وردپرس

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

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

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