آموزش وردپرس

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

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

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

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>

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

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

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

آقای وردپرس

 

برچسب ها
نمایش بیشتر

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

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

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

‫3 نظرها

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

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

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

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

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

بستن