ساخت دکمه اسکرول به ابتدای صفحه وردپرس با افزونه Smart Scroll To Up

بازدید : 66
نویسنده : مرتضی براتی
به این مطلب امتیاز بده
مطالعه در 1 دقیقه
انتشار : مهر ۱۱, ۱۳۹۶
بروزرسانی : تیر ۱۶, ۱۳۹۸
ساخت دکمه اسکرول به ابتدای صفحه وردپرس با افزونه Smart Scroll To Up

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

ساخت دکمه اسکرول وردپرس

افزونه ساخت دکمه بازگشت به ابتدای صفحه در وردپرس

Smart Scroll To Up نام افزونه ای است که ما امروز قصد داریم به معرفی آن بپردازیم و ویژگی های نا محدود این افزونه را شرح دهیم. افزونه Smart Scroll To Up شما را قادر میسازد تا دکمه بازگشت به ابتدای صفحه در وردپرس بسازید تا کاربر هنگام کلیک به ابتدای صفحه اسکرول شود. افزونه ای که کاملا ریسپانسیو میباشد تا در هر رزولوشن یا هر دستگاهی بدون هیچ نقص و عیبی با سایز کاملا نرمال نمایش داده شود.

افزونه Smart Scroll To Up

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

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

  • اضافه کردن متن به دکمه ناوبری
  • استفاده از فونت برای آیکون
  • پشتیبانی از رتینا
  • تغییر موقعیت دکمه ناوبری
  • تغییر انیمیشن
  • سفارشی کردن متن استفاده شده
  • ریسپانسیو بودن و نمایش آن در دستگاه هایی همچون موبایل
  • رنگ بندی های زیبا

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

تنظیمات افزونه Smart Scroll To Up

  1. Enable: با فعال کردن این گزینه دکمه به قالب اضافه میشود.
  2. Enable scroll top: برای فعال شدن اسکرول به بالای صفحه با کلیک روی دکمه این گزینه را فعال کنید.
  3. Type: نوع دکمه ناوبری.
  4. Icon:استفاده از آیکون در دکمه اسکرول.
  5. Text: استفاده از متن در دکمه بازگشت به بالای صفحه.
  6. Position: موقعیت قرار گیری دکمه بازگشت به ابتدای صفحه.
  7. Right side: برای قرار دادن دکمه در سمت راست صفحه از این گزینه استفاده میشود.
  8. Left side: برای قرار دادن دکمه در سمت چپ صفحه از این گزینه استفاده میشود.
  9. Color: رنگ المنت های بکار رفته در دکمه ناوبری .
  10. Background Color: رنگ پس زمینه دکمه بازگشت به بالای صفحه.
  11. Style Radius: این گزینه مشخص میکند که گوشه های دکمه چه استایلی داشته باشد.
  12. Rounded Rounded: این گزینه گوشه های سخت را به دکمه اختصاص میدهد.
  13. Square Square: این گزینه گوشه های نرم را به دکمه اختصاص میدهد.
  14. Circle Circle: برای دایره ای کردن دکمه بازگشت به ابتدای صفحه از این گزینه استفاده کنید.
  15. Animation: این گزینه برای اختصاص انیمیشن به دکمه میباشد.
  16. Fade: انیمیشن دکمه حالت محو شدنی میشود.
  17. Slide: انیمیشن دکمه حالت اسلاید خواهد بود.
  18. None: برای غیر فعال کردن انیمیشن از این گزینه استفاده کنید.
  19. Speed: تعیین کردن سرعت ناوبری با این گزینه امکان پذیر میباشد.
  20. Distance: تعیین کردن مسافت پیمایش در صفحه با این گزینه امکان پذیر میشود.

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

 

دانلود

دیدگاه بگذارید

avatar
  Subscribe  
Notify of
قالب فروشگاهی دیجی کالا

ایمیلت رو وارد کن ، قالب و افزونه جایزه بگیر

Scroll Up
کانال آپارات ما اینستاگرام مبنای وردپرس