اسکرول نرم در المنتور یکی از قابلیتهایی است که میتواند تجربه کاربری سایت را تا حد زیادی بهبود ببخشد. اضافه کردن اسکرول نرم در المنتور نه تنها باعث میشود پیمایش صفحه برای کاربر روانتر و دلپذیرتر باشد، بلکه در دستگاههای لمسی یا موبایل نیز جلوهی حرفهایتری به سایت شما میبخشد.
بسیاری از کاربران وردپرس تمایل دارند این ویژگی را بدون نیاز به افزونه و تنها با چند خط کد ساده پیادهسازی کنند؛ در حالی که برخی دیگر بهدنبال استفاده از افزونههایی هستند که سریع و بیدردسر این امکان را به قالب آنها اضافه کند. در این مقاله، ما هر دو روش را بررسی خواهیم کرد؛ هم آموزش اضافه کردن اسکرول نرم به سایت با المنتور و بدون افزونه (با استفاده از کد جاوااسکریپت)، و هم معرفی افزونههای مناسب برای این کار.
اگر بهدنبال بهبود روانی اسکرول در سایت خود هستید و میخواهید تجربه کاربری بهتری را برای کاربران سایت ایجاد کنید، این مقاله دقیقا برای شما نوشته شده است.
آموزش اضافه کردن اسکرول نرم در المنتور بدون افزونه (با کد جاوااسکریپت)
برای فعالسازی اسکرول نرم بدون نیاز به افزونه، تنها کافیست کد زیر را در سایت خود قرار دهید. بهترین روش این است که این کدها را از طریق افزونه المنتور، کدهای سفارشی المنتور در انتهای سایت خود درج کنید.
مراحل اضافه کردن کدهای اسکرول روان در المنتور
- وارد پیشخوان وردپرس شوید.
- به مسیر المنتور > کد سفارشی بروید.
- از بالای صفحه روی کد جدید یا از مرکز صفحه روی افزودن کد سفارشی جدید کلیک کنید.
- در کادر افزودن عنوان یک نام دلخواه برای کدهای خود تعیین کنید.
- موقعیت کدها را روی پایان </body> قرار دهید تا کدهای js تأثیر کمتری روی سرعت سایت بگذارند.
- کدهای موجود در فایل زیر را کپی کرده و در کدسفارشی المنتور قرار دهید.
- روی دکمه انتشار کلیک کنید و یکبار سایت خود را رفرش کنید.
- از بخش پایانی کد برای سفارشی کردن و نحوه اسکرول صفحه استفاده کنید(برای مثال سرعت انیمیشن را تغییر دهید).
مزایا و معایب اسکرول نرم با کد جاوااسکریپت
مزایا:
- عدم نیاز به افزونه جانبی
- کاهش بار افزونهها در سایت
- کنترل کامل بر تنظیمات اسکرول
معایب:
- نیاز به آشنایی جزئی با کدهای جاوااسکریپت
- احتمال بروز ناسازگاری با برخی قالبها یا مرورگرهای خاص
- تأثیر کم یا صفر روی دستگاهایی مثل تبلت یا موبایل
اضافه کردن اسکرول روان در المنتور با استفاده از افزونه
برای کسانی که ترجیح میدهند از افزونه استفاده کنند، گزینههای زیادی وجود دارد که پیادهسازی اسکرول نرم در وردپرس را ساده میکنند. در ادامه 2 نمونه افزونه رایگان وردپرسی را معرفی میکنیم.
افزونه mousewheel-smooth-scroll
افزونهی mousewheel-smooth-scroll، افزونهای سبک و کاربرپسند که تنها با نصب و فعالسازی، اسکرول سایت را روان میکند. قابل تنظیم برای انواع صفحات، حتی در المنتور.
ویژگیها:
- نصب ساده و بدون نیاز به کدنویسی
- امکان تنظیم سرعت و نوع اسکرول
- سازگاری با المنتور
افزونه Page scroll to id
این افزونه علاوه بر اسکرول نرم، امکان لینک دادن به آیدیها و بخشهای داخلی صفحه را نیز فراهم میکند.
ویژگیها:
- رابط کاربری آسان در تنظیمات
- کنترل دقیق بر رفتار اسکرول
- مناسب برای سایتهای تکصفحهای ساختهشده با المنتور
روش نصب افزونهها در وردپرس
- وارد پیشخوان وردپرس شوید.
- به بخش افزونهها > افزودن بروید.
- نام افزونه را جستجو کرده و نصب نمایید.
- پس از نصب، افزونه را فعال کرده و تنظیمات مربوط به اسکرول را پیکربندی کنید.
نکات مهم برای استفاده حرفهای از اسکرول نرم در وردپرس
سرعت انیمیشن را مطابق با نیاز کاربران تنظیم کنید (نه خیلی کند، نه خیلی سریع).
اسکرول نرم باید با طراحی و سبک سایت هماهنگ باشد.
اگر از چند افزونه یا کد مرتبط با اسکرول استفاده میکنید، از ناسازگاری احتمالی جلوگیری کنید.
حتما عملکرد اسکرول را در موبایل و مرورگرهای مختلف تست کنید.
نتیجه گیری
اضافه کردن اسکرول نرم در المنتور یکی از روشهای ساده و در عین حال تأثیرگذار برای افزایش تجربه کاربری و جلوه حرفهای سایت شماست. چه با استفاده از کدهای جاوااسکریپت و چه با کمک افزونههای سبک، میتوانید این قابلیت را در سایت وردپرسی خود فعال کنید. اگر طراحی سایت برایتان اهمیت دارد، اسکرول روان در المنتور را فراموش نکنید.
