در این آموزش کامل سال ۲۰۲۵ یاد میگیرید چطور در کمتر از ۵ دقیقه اسکرول نرم به سایتتون اضافه کنید و سایتتون رو فوقالعاده نرم و روان کنید – با یک ترفند (بدون کاهش سرعت) کاری میکنیم که کاربر با هر اسکرول عاشق سایتتون بشه، زمان ماندگاریش ۲–۳ برابر بشه و سایتتون زنده و مدرن به نظر بیاد. تا آخر همراه باش و بهترین اسکرول نرم ۲۰۲۵ وردپرس رو داشته باش!
تو کدوم روش رو ترجیح میدی؟
راهنمای فعالسازی اسکرول نرم (Smooth Scroll) با استفاده از کد css در وردپرس
برای بهبود تجربه کاربری و افزایش تعامل در وبسایت وردپرسی خود، فعالسازی قابلیت اسکرول نرم ضروری است. این ویژگی باعث میشود پیمایش بین بخشهای مختلف صفحه (هنگام کلیک بر روی لینکهای لنگر) به صورت انیمیشنی و جذاب انجام گیرد، نه به صورت پرش ناگهانی. این امر مستقیماً بر سئوی سایت شما تأثیر مثبت میگذارد زیرا شاخصهای تعامل کاربر را بهبود میبخشد.
کد CSS مورد نیاز برای Smooth Scroll
کد زیر، تنها خطی است که باید در بخش CSS سفارشی قالب وردپرس خود قرار دهید:
html {
scroll-behavior: smooth;
}نحوه اعمال کد در وردپرس
- به داشبورد وردپرس خود وارد شوید.
- به بخش نمایش > سفارشیسازی (Appearance > Customize) بروید.
- گزینه CSS اضافی (Additional CSS) را انتخاب کنید.
- کد بالا را کپی کرده و در آنجا الصاق (Paste) نمایید.
- بر روی دکمه انتشار (Publish) کلیک کنید.
با این روش ساده، تجربه کاربری سایت شما فوراً مدرن و روان خواهد شد و از مزایای بهبود نرخ ماندگاری در صفحه بهرهمند میشوید.
آموزش نصب افزونه برای فعالسازی اسکرول نرم (Smooth Scroll) در وردپرس
اگر ترجیح میدهید به جای استفاده از کدنویسی CSS، از طریق نصب یک افزونه (Plugin) قابلیت اسکرول نرم را فعال کنید، این روش سادهتر و بدون نیاز به دسترسی به فایلهای فنی قالب است. استفاده از پلاگینها همچنین به شما امکان میدهد تنظیمات بیشتری روی انیمیشن smooth scroll داشته باشید.
معرفی افزونه پیشنهادی و مراحل نصب
برای این کار، افزونههای مختلفی وجود دارد، اما ما از یک روش عمومی و کارآمد استفاده میکنیم. فرض میکنیم از افزونهای مانند "Smooth Scroll" یا مشابه آن استفاده میکنید.
- ورود به پیشخوان: ابتدا وارد پنل مدیریت وردپرس (داشبورد) خود شوید.
- بخش افزونهها: در منوی کناری، به بخش افزونهها > افزودن جدید (Plugins > Add New) بروید.
- جستجوی افزونه: در کادر جستجو، عبارتهایی مانند "Smooth Scroll" یا "Scroll Behavior" را وارد کرده و جستجو کنید.
- نصب افزونه: پس از یافتن افزونه مورد نظر (که تعداد نصب بالا و امتیاز خوبی دارد)، بر روی دکمه نصب کلیک کنید.
- فعالسازی: پس از اتمام نصب، دکمه فعالسازی (Activate) را فشار دهید.
- تنظیمات: بسیاری از افزونهها مستقیماً پس از فعالسازی کار میکنند. در غیر این صورت، معمولاً یک آیتم جدید در منوی تنظیمات یا تنظیمات افزونهها ظاهر میشود که میتوانید به آنجا رفته و اطمینان حاصل کنید که گزینه smooth scroll تیک خورده باشد.
با اتمام این مراحل، تجربه پیمایش در سایت شما با انیمیشن اسکرول نرم بهبود مییابد و نرخ تعامل کاربران افزایش خواهد یافت.
سوالات شما
اسکرول نرم خوب است یا بد؟
اثرات منفی اسکرول کردن چیست؟
آیا SmoothScroll امن است؟
اسکرول نرم در وب ویوها چیست؟
اسکرول نرم چیست؟
