آقای برنامه نویس

اسکرول نرم (Smooth Scroll) در وردپرس

اسکرول روان به ویژگی اشاره دارد که به بازدیدکنندگان امکان پیمایش روان را می دهد. ویژگی اسکرول روان می تواند به تجربه کاربر در سایت شما کمک کند زیرا با متوقف کردن اسکرول، پیمایش ناگهان متوقف نمی شود. در عوض، کمی بیشتر از نقطه اسکرول شما پیمایش می کند تا پیمایش نرمتر شود.

آیا تا به حال فکر کرده اید که چطور در برخی از وب سایت ها (مثلا وبسایت ما) صفحه به نرمی اسکرول میشود ؟ علاوه بر این، آیا تا به حال شده است که بخواهید این قابلیت )اسکرول روانرا بر روی سایت خود قرار دهید؟

اگر پاسخ شما بله است، مقاله مناسبی را انتخاب کرده اید. در پست امروز نحوه قرار دادن این ویژگی را توضیح خواهیم داد.😊

اسکرول روان (Smooth Scroll) چیست ؟

اسکرول روان به ویژگی اشاره دارد که به بازدیدکنندگان امکان پیمایش روان را می دهد. ویژگی اسکرول روان می تواند به تجربه کاربر در سایت شما کمک کند. زیرا با متوقف کردن اسکرول، پیمایش ناگهان متوقف نمی شود. در عوض، کمی بیشتر از نقطه اسکرول شما پیمایش می کند تا پیمایش نرمتر شود.

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

  • زمانی که از ویژگی Parallex در سایت خود استفاده می کنید
  • یا هنگامی که از پیوندهای لنگر برای رفتن به بخش های مختلف صفحه استفاده می کنید
  • و یا برای ایجاد دکمه بازگشت به بالا استفاده می کنید

تجربه کاربری بهتری در سایت خود ایجاد می کنید.

افزونه MouseWheel Smooth Scroll

افزونه MouseWheel Smooth Scroll

افزونه MouseWheel Smooth Scroll به شما امکان می دهد به راحتی اسکرول روان را به وب سایت وردپرس خود اضافه کنید. لینک مستقیم دانلود این افزونه در انتهای مطلب قرار دارد.

لازم به ذکر است که حتی اگر قالب شما با اسکرول روان همراه باشد می توانید از این افزونه برای کنترل بیشتر بر جلوه ها و مدت زمان اسکرول روان استفاده کنید.

برای راه اندازی افزونه، باید به تنظیمات وردپرس > Smooth Scroll بروید. در این صفحه می توانید سرعت و انیمیشن را تنظیم کنید. همانطور که از تصویر می بینید ، من تنظیمات 50 فریم ، 400 سرعت انیمیشن و اندازه گام 150 پیکسل را تنظیم کرده ایم.

افزونه MouseWheel Smooth Scroll

تنظیمات دیگری نیز وجود دارد. مانند فعال کردن پشتیبانی از صفحه کلید و تاچ پد و تغییر سرعت شتاب، بنابراین در صورت تمایل می توانید با آنها بازی کنید و ببینید تأثیر آنها بر انیمیشن چیست.

هنگامی که تنظیمات را به دلخواه پیکربندی کردید، به پایین صفحه رفته و برای ذخیره تغییرات، روی دکمه ذخیره کلیک کنید. سپس می توانید صفحه سایت را رفرش کنید و ببینید که چگونه انیمیشن به نظر می رسد. می توانید  تا زمانی که به انیمیشن دلخواه خود برسید تنظیمات را ویرایش کنید.

امیدواریم که از این آموزش هم به خوبی استفاده کرده باشید. اگر مشکلی در اجرای این آموزش داشتید، از بخش نظرات با ما در میان بگذارید.😉

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام آقای برنامه نویس عضو شوید.
saeedhassani
saeedhassani
محتوا پادشـــاه است، با تایپ هر کلمه یک قدم به هدفـم نزدیک تـر میشم...
saeedhassani
saeedhassani
محتوا پادشـــاه است، با تایپ هر کلمه یک قدم به هدفـم نزدیک تـر میشم...

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

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

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

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

ساخت دکمه گرادیانت در المنتور، بدون افزایه جانبی
ساخت دکمه گرادیانت در المنتور، بدون نیاز به افزایه جانبی

تیم توسعه المنتور در آپدیت 3.2.1 امکانات جالبی به افزونه المنتور اضافه کرده است. یکی از این امکانات قابلیت ساخت دکمه گرادیانت در المنتور بدون نیاز به افزونه جانبی دیگری هست، که باعث میشود ظاهر دکمه های ساخته شده با المنتور بسیار زیباتر شود.

قابلیت کد کوتاه ضروری در افزونه المنت پک - آقای برنامه نویس
قابلیت کد کوتاه ضروری در افزونه المنت پک

استفاده از کد های کوتاه در نوشته ها و بخش های سایت امکانات زیادی را برای ما فراهم میکند. در این مقاله ما به بررسی ویژگی کد کوتاه ضروری در افزونه المنت پک می‌پردازیم. پس با ما همراه باشید…

تغییرات وردپرس 5.7 - آقای برنامه نویس
وردپرس 5.7 منتشر شد!

در ، وردپرس رنگ های تازه ای را برای شما به ارمغان می آورد. ویرایشگر جدید به شما کمک می کند بخش های مختلفی را که قبلاً نمی توانستید طراحی کنید، بدون کد نویسی شخصی سازی کنید.

طراحی صفحه در دست تعمیر وردپرس با المنتور
طراحی صفحه در دست تعمیر وردپرس با المنتور

وردپرس برخی اوقات به بروزرسانی و تعمیر احتیاج داره. و هنگامی که وبسایت در دست تعمیر و دیباگ هست برای حفظ امنیت وبسایت نمیتوان وبسایت را در دسترس بازدید کنندگان قرار داد. به همین دلیل هنگام تعمیر وبسایت، ترجیحاً حالت تعمیر رو فعال میکنند!

نحوه تغییر DNS دامنه های ir در ایرنیک - آقای برنامه نویس آموزش المنتور و وردپرس
نحوه تغییر DNS دامنه های ir در ایرنیک

دامنه هویت وب‌سایت را در اینترنت مشخص می‌کند. تغییر dns دامنه های ir با دامنه های جهانی متفاوت است. بهترین راه تغییر DNS دامنه ir در پنل وب سایت ایرنیک است.

سفارشی سازی قالب وردپرس با ابزار inspect element
سفارشی سازی قالب وردپرس با ابزار inspect element

آیا تاکنون قصد داشته اید بصورت موقت یک صفحه وب را ویرایش کنید تا درمورد رنگ ها، فونت ها و استایل های وبسایت تصمیم گیری کنید؟ این عمل با ابزاری که هم اکنون روی مرورگر وب شما با نام inspect element وجود دارد کاملا امکان پذیر است.

طراحی پوسته باکس پست‌های المنتور - آقای برنامه نویس
طراحی پوسته باکس پست‌های المنتور

احتمالا شما نیز تاکنون از ویجت پست های المنتور استفاده کرده‌‌اید. این المان تنها دارای 3 پوسته ( کلاسیک، کارت ها و محتوای تمام عرض ) می‌باشد. ولی شاید نیاز به سفارشی سازی و اضافه کردن امکانات بیشتری برای نمایش پست‌ها داشته باشید.

ساخت ابزارک در وردپرس و افزودن ابزارک به قالب وردپرس
ساخت ابزارک در وردپرس و افزودن ابزارک به قالب وردپرس

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

ورود به حساب