وقتی کاربر تا پایین یک صفحه طولانی اسکرول می‌کند، برگشت دوباره به ابتدای صفحه ممکن است زمان‌بر و آزاردهنده باشد.
برای حل این مشکل، افزونه‌ای به نام HR Scroll Top طراحی شده که دکمه‌ای کوچک و جذاب در گوشه صفحه قرار می‌دهد تا کاربر تنها با یک کلیک، به بالای صفحه برگردد. در این مقاله از آموزش وردپرس با نحوه نصب و تنظیم افزونه HR Scroll Top آشنا می‌شوید و یاد می‌گیرید چطور تجربه کاربری سایت خود را بهبود دهید.

 
افزونه HR Scroll Top چیست؟
HR Scroll Top یک افزونه سبک و رایگان برای وردپرس است که دکمه “بازگشت به بالا” را به سایت شما اضافه می‌کند.
این افزونه معمولاً در گوشه پایین سمت راست صفحه ظاهر می‌شود و زمانی که کاربر شروع به اسکرول می‌کند، فعال می‌گردد. از ویژگی‌های برجسته HR Scroll Top می‌توان به موارد زیر اشاره کرد:

طراحی ساده و واکنش‌گرا (Responsive)

امکان تغییر رنگ و اندازه دکمه

قابلیت فعال یا غیرفعال کردن انیمیشن

پشتیبانی از همه قالب‌های وردپرس

 
نحوه نصب افزونه HR Scroll Top
وارد پیشخوان وردپرس شوید.
از منوی افزونه‌ها > افزودن، عبارت “HR Scroll Top” را جستجو کنید.
افزونه را نصب و سپس فعال کنید.
پس از فعال‌سازی، در منوی تنظیمات گزینه‌ای با نام HR Scroll Top Settings ظاهر می‌شود.

 
تنظیمات و سفارشی‌سازی افزونه
بعد از نصب، می‌توانید تنظیمات ظاهری دکمه را مطابق سلیقه خود تغییر دهید.

برخی از گزینه‌های مهم عبارتند از:

Button Color: رنگ دکمه
Position: مکان نمایش (سمت راست یا چپ)
Animation Speed: سرعت حرکت بازگشت به بالا
Icon Style: انتخاب آیکون دلخواه
نکته جذاب این افزونه، سازگاری کامل با قالب‌های وردپرس است.
اگر از قالب‌های اختصاصی مثل قالب وردپرس حرفه‌ای Rolfa استفاده می‌کنید، افزونه به‌صورت خودکار با طراحی سایت هماهنگ می‌شود.

 
چرا باید از افزونه HR Scroll Top استفاده کنیم؟
وجود دکمه بازگشت به بالا باعث می‌شود کاربر بتواند به‌راحتی در سایت شما پیمایش کند.
این موضوع تجربه کاربری (UX) را بهبود می‌دهد و طبق بررسی‌ها، زمان ماندگاری کاربر در سایت را افزایش می‌دهد.از دیگر مزایای این افزونه می‌توان به موارد زیر اشاره کرد:

افزایش زیبایی و تعامل سایت

مناسب برای صفحات طولانی مثل مقالات آموزشی وردپرس

کاهش نرخ خروج کاربران از سایت (Bounce Rate)

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