معرفی افزونه motionpage

افزونه Motionpage یکی از قدرتمندترین و مدرن‌ترین افزونه‌های انیمیشن سازی برای وردپرس است. این افزونه به شما اجازه می‌دهد انیمیشن‌های تعاملی، پیشرفته و روان مبتنی بر کتابخانه قدرتمند GSAP (GreenSock) بسازید؛ آن هم بدون اینکه نیازی به نوشتن حتی یک خط کد جاوااسکریپت داشته باشید.

با Motion.page می‌توانید جلوه‌های بصری حرکتی مثل انیمیشن‌های اسکرول، پارالاکس، افکت‌های هاور و انیمیشن‌های ورود المان‌ها را با یک محیط کاربری بصری (Visual Timeline) روی سایت خود پیاده‌سازی کنید.

قابلیت ها و ویژگی های افزونه motionpage نسخه 2.4.1

• پنل تایم‌لاین بصری: کنترل دقیق فریم‌ها، تأخیرها (Delay)، مدت‌زمان (Duration) و منحنی‌های سرعت (Easing).
• محرک‌های انیمیشن متنوع:
  • Scroll Trigger: انیمیشن‌های وابسته به اسکرول کاربر (Pin کردن المان‌ها، Scrubbing، افکت‌های پارالاکس).
  • Mouse Cursor Move: انیمیشن‌های واکنشی به حرکت نشانگر ماوس و افکت‌های سه‌بعدی و شناور (Floating).
  • Page Load: انیمیشن‌های جذاب برای ورود و ظاهر شدن محتوا هنگام بارگذاری صفحه.
  • Click & Hover: تعریف افکت‌های تعاملی روی دکمه‌ها، کارت‌ها و المان‌ها.
• Split Text Animation: انیمیشن‌گذاری روی متن‌ها به تفکیک حروف، کلمات یا خطوط (مناسب برای تیترهای اصلی صفحه).
• سازگاری کامل با رسپانسیو: امکان فعال یا غیرفعال کردن انیمیشن‌ها برای موبایل، تبلت و دسکتاپ به صورت مجزا.
• پیش‌نمایش زنده و آنی: تست و بازبینی دقیق انیمیشن‌ها در داخل داشبورد افزونه قبل از انتشار.

افزونه Motionpage چه کار می‌کند و برای چیست؟

به‌طور پیش‌فرض، انیمیشن های پیش فرض قالب‌ها یا صفحه سازهایی مثل المنتور بسیار ساده و محدود هستند و ساخت انیمیشن‌های سفارشی نیازمند دانش عمیق GSAP و JavaScript است.

Motionpage مثل یک استودیوی کامل انیمیشن در پنل وردپرس عمل می‌کند:

1. المان مورد نظر در صفحه را با یک کلیک یا با CSS Selector انتخاب می‌کنید.
2. روی یک تایم‌لاین بصری (مشابه نرم‌افزارهای Premiere یا After Effects)، زمان و نوع حرکت را تعیین می‌کنید.
3. تعیین می‌کنید که انیمیشن با اسکرول صفحه (ScrollTrigger)، حرکت ماوس، کلیک یا لود صفحه اجرا شود.

برچسب ها:

نظرات