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

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

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

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

  • WPFront Scroll Top
  • Scroll Back to Top
  • Easy Smooth Scroll Links
  • jQuery Smooth Scroll
  • WP to Top
  • ScrollNav
  • WordPress Back to Top
  • JElevator
  • WPAdvanced Bar
  • Scroll Top Advanced
  • Scroll to Top
  • Dynamic To Top
  • Smooth Scroll Up
  • Smart Scroll Top

افزونه هایی که در بالا نام بردیم را می توان گفت که از برترین افزونه ها در این زمینه هستند ، افزونه ای که ما از این لیست انتخاب کرده این افزونه سازنده دکمه ناوبری Smart Scroll Top است در ادامه با ما همراه باشید با معرفی افزونه قدرتمند وردپرسی Smart Scroll Top.

افزودن دکمه ناوبری به وردپرس با استفاده از افزونه Smart Scroll Top

Scroll-up برای شروع نیاز است تا افزونه را در سایت خود نصب و فعالسازی نمایید،برای نصب این افزونه کافیست به زیر منو افزودن در منو افزونه ها واقع در پیشخوان وردپرس رفته و پس از جستجوی نام افزونه وردپرس Smart Scroll Top با استفاده از لینک های موجود آن را نصب و فعال سازی نمایید. پس از فعالسازی افزونه به صورت خودکار دکمه را در سایت شما اضافه خواهد کرد، این دکمه کاملا رسپانسیو است و میتوانید متن نیز به آن اضافه نمایید و از صفحات نمایش رتینا نیز پشتیبانی میکند. اکنون وقت آن فرا رسیده است تا  دکمه را آنگونه که میخواهید سفارشی سازی نمایید.

امکانات شخصی سازی افزونه:

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

تنظیمات افزونه

Enable: فعال کردن دکمه برای استفاده در قالب.

Enable scroll top:با استفاده از این بخش میتوانید قابلیت اسکورل به بالای صفحه را فعال نمایید.

Type: با استفاده از این بخش میتوانید نوع دکمه  را مشخص نمایید.

Icon: با استفاده از این بخش میتوانید استفاده از آیکون را در دکمه ناوبری فعال نمایید.

Text: با استفاده از این بخش میتوانید استفاده از متن را در رکمه ناوبری فعال نمایید.

Position: با استفاده ااز این بخش میتوانید موقعیت قرار گیری دکمه را در صفحه مشخص نمایید.

Right side: با استفاده از این بخش موقعیت دکمه در بخش سمت راست صفحه خواهد بود.

Left side: با استفاده از این بخش موقعیت دکمه در سمت چپ صفحه خواهد بود.

Color: با استفاده از این بخش میتوانید رنگ به کار رفته در دکمه ناوبری را مشخص نمایید.

Background Color: با استفاده از این بخش میتوانید پس زمینه دکمه  را مشخص نمایید.

Style Radius: با استفاده از این گزینه میتوانید استایل گوشه های دکمه را مشخص نمایید.

Rounded Rounded: با استفاده از این گزینه استایل گوشه های دکمه سخت خواهد بود.

Square Square: با استفاده از گزینه استایل گوشه های دکمه نرم خواهد بود.

Circle Circle: با استفاده از این گزینه استایل گوشه های دکمه دایره ای خواهد بود.

Animation: با استفاده از این بخش میتوانید انیمیشن به کار رفته در دکمه ناوبری را مشخص نمایید.

Fade: با انتخاب این گزینه انیمیشن دکمه ناوبری حالت محو شدنی خواهد داشت.

Slide: با انتخاب این گزینه انیمیشن دکمه ناوبری حالت اسلاید خواهد داشت.

None: با انتخاب این گزینه دکمه ناوبری دارای انیمیشن نخواهد بود.

Speed: با استفاده از این بخش میتوانید سرعت ناوبری را مشخص نمایید.

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

Custom CSS:

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

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

This plugin will enable a custom and flexible Back To Top to your WordPress website. It comes with unlimited color choices, icon font option to support retina device, hide on screen width smaller than 600 pixels.

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

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