1 رای2 رای3 رای4 رای5 رای

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

بازدید : 101
نویسنده : خانم نوروزی
3 دقیقه برای مطالعه
تاریخ انتشار : ۱۱ مهر , ۱۳۹۶
دانلود
ساخت دکمه اسکرول به ابتدای صفحه وردپرس با افزونه 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
  اشتراک در  
اطلاع از

مطالب مرتبط

سفارشی‌ سازی ویرایشگر گوتنبرگ با Atomic Blocks

سفارشی‌ سازی ویرایشگر گوتنبرگ با Atomic Blocks

وردپرس ۵ که امروزه با قدرت تمام توانسته جنجال و تازگی شگفت انگیزی را بر

مطالعه بیشتر
تیتر ها در محتوای سایت

تیتر ها در محتوای سایت

همانطور که در مطالب قبلی بر روی محتوا و تاثیر آن بر سئو تاکید بسیاری

مطالعه بیشتر
انتخاب آدرس نوشته مناسب برای سئو بهتر در وردپرس

انتخاب آدرس نوشته مناسب برای سئو بهتر در وردپرس

همه ما کلماتی را بعد از url مشاهده کرده ایم که آن را با عنوان

مطالعه بیشتر
رعایت ۵ نکته برای موفقیت در تجارت اینترنتی

رعایت ۵ نکته برای موفقیت در تجارت اینترنتی

امروزه یکی از انواع تجارت، تجارت الکترونیک می باشد که به سرعت رو به پیشرفت

مطالعه بیشتر

پر بازدید ترین مطالب وردپرس

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

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

شاید شما هم از دسته از افرادی هستید که پروزه های سفارشی با وردپرس انجام

مطالعه بیشتر
معرفی قالب های برتر سال ۲۰۱۸

معرفی قالب های برتر سال ۲۰۱۸

معرفی قالب های برتر سال ۲۰۱۸ ، پوسته های وردپرسی ، بهترین قالب های رایگان

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

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

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

مطالعه بیشتر
آموزش سرچ کنسول | بخش دوم | Search Console

آموزش سرچ کنسول | بخش دوم | Search Console

آموزش سرچ کنسول ، تنظیمات و نکات پیشرفته و حرفه ای در گوگل وبمستر ،

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

آموزش راه اندازی فروشگاه اینترنتی محصولات دانلودی با EDD در وردپرس

آموزش راه اندازی فروشگاه اینترنتی با edd در وردپرس ، ایزی دیجیتال دانلود ، فزونه

مطالعه بیشتر
صفحه فرود یا Landing Page چیست؟

صفحه فرود یا Landing Page چیست؟

صفحه فرود یا Landing Page چیست؟ ، اهداف لندینگ پیج ، نکات مهم در بهینه

مطالعه بیشتر
قالب وردپرس چند منظوره رایگان و فارسی Hostel با فونت زیبا

قالب وردپرس چند منظوره رایگان و فارسی Hostel با فونت زیبا

امروز قالب وردپرس فارسی و رایگان hostel در اختیار شما کاربران عزیز قرار داده ایم

مطالعه بیشتر
تابع the_title() عنوان پست در حال نمایش در وردپرس | the_title() | Function

تابع the_title() عنوان پست در حال نمایش در وردپرس | the_title() | Function

برای نمایش عنوان پست در حال نمایش می بایست از تابع the_title() استفاده کرد ،

مطالعه بیشتر

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

Scroll Up
30 درصد تخفیف ویژه جشنواره نوروز98
کانال آپارات ما اینستاگرام مبنای وردپرس