به قالبتون دکمه برو به بالا اضافه کنید

Written by مهدی امانی

دی ۲۲, ۱۳۹۳

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

۱- عکس دکمه

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

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

۲-کد jquery

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

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

wp-content > themes > your-theme > js

 

۳-کد استایل

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

۴-کد function

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

۵-کد footer

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

 در آخر

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

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

 

منبع

You May Also Like…

۰ Comments

Submit a Comment

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

*