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

۱- عکس دکمه

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

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

۲-کد jquery

برای اینکه زحمتتون رو کمتر کنیم یه کد آماده در زیر هستش که می تونید ازش استفاده کنید .

کد رو در آدرس زیر در پرونده پوسته خودتون کپی کنید .

wp-content > themes > your-theme > js

 

۳-کد استایل

کد استایل رو در قالبتون کپی کنید. دقت کنید که آدرس بک گراند همون آدرس عکسی هستش که آپلود کردین . لطفا اصلاحش کنید .

۴-کد function

خب حالا کد زیر رو در functions.php قرار بدید .

۵-کد footer

حالا کد لینک زیر رو در هر جایی که می خواید کپی کنید . بهتره که توی فایل footer.php قالبتون کپی کنید .

 در آخر

امیدوارم که این آموزش براتون مفید بوده باشه . در صورتی که حوصله ندارین یا اینکه به هر دلیلی  نمی خواید تو قالبتون دست ببرید می تونید از افزونه زیر هم استفاده کنید

افزونه برو به بالا

 

منبع