فعال سازی دکمه اسکرول به بالا در قالب آسترا

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

آموزش فعال سازی دکمه اسکرول به بالا در قالب آسترا

قالب Astra یکی از محبوب‌ترین قالب‌های وردپرس است که امکانات متعددی را به‌صورت پیش‌فرض ارائه می‌دهد. یکی از این امکانات، دکمه «بازگشت به بالا» است که تجربه کاربری را در صفحات طولانی به‌ویژه برای کاربران موبایل ارتقا می‌دهد.

1- ورود به سفارشی سازی یا Customizer قالب

• ابتدا به پیشخوان وردپرس وارد شوید.
• از منوی سمت راست، روی نمایش (Appearance) کلیک کنید.
• سپس گزینه سفارشی‌سازی (Customize) را انتخاب نمایید.

2- دسترسی به تنظیمات عمومی قالب

• در پنل سفارشی‌سازی، به بخش عمومی Global بروید.
• سپس روی گزینه اسکرول به بالا Scroll To Top کلیک کنید.

3- فعال‌سازی دکمه برگشت به بالا در قالب آسترا

در این بخش، گزینه‌ای تحت عنوان فعال سازی اسکرول به بالا Enable Scroll to Top وجود دارد:

• تیک فعال‌سازی این گزینه را بزنید.
• با انتخاب این گزینه، دکمه «بازگشت به بالا» به‌صورت زنده در پیش‌نمایش ظاهر خواهد شد.

4- تنظیمات بیشتر (در نسخه سفارشی‌سازی قالب)

قالب Astra تنظیمات اضافی زیر را نیز در این بخش ارائه می‌دهد:

• Display On: انتخاب اینکه دکمه در دستگاه‌های دسکتاپ، موبایل یا هر دو نمایش داده شود.
• Position: تعیین جایگاه دکمه (چپ یا راست صفحه).
• Icon Settings: شامل اندازه آیکون، رنگ اصلی، رنگ پس‌زمینه، رنگ Hover، و شعاع گوشه‌ها.

توجه: برخی از این گزینه‌ها ممکن است فقط در نسخه Pro قالب فعال باشند.

5- انتشار تنظیمات

• پس از انجام تغییرات، روی دکمه انتشار (Publish) کلیک کنید تا تغییرات اعمال شود.

6- بررسی و تست نهایی

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

✅ نکات کاربردی

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

نتیجه‌گیری

قالب Astra با ارائه گزینه داخلی اسکرول به بالا Scroll to Top در بخش Customizer، قابلیت برگشت به بالا را بدون نیاز به افزونه یا کدنویسی فراهم می‌سازد. با دنبال کردن مراحل فوق، می‌توانید به‌سادگی این ویژگی را فعال کرده و تجربه کاربری سایت خود را به‌طرز چشمگیری بهبود دهید.