موشن افکت در المنتور – راهنمای قدم به قدم Motion Effects (ویدیوی آموزشی)
جلسه 19
مدت زمــان :
09:38 دقیقه
سطـــح :
متوسط
مـدرس :
محمد رحیمی
دانلود نسخه جدید افزونه المنتور پرو ، کاملا اورجینال و فارسی با لایسنس دائمی و قابلیت نصب و استفاده روی بی نهایت دامنه دانلود افزونه Elementor Pro
فهرست مطالب
موشن افکت در المنتور چیست؟
موشن افکت در المنتور – Motion Effects به شما امکان اضافه کردن انیمیشنها و انتقالهای زیبا را به طراحی سایت با المنتور میدهند. این ویژگیها به شما کمک میکنند تا با ایجاد جلوههای بصری جذاب، تجربه کاربری بهتری ارائه دهید. از افکتهای اسکرول گرفته تا انیمیشنهای ورودی و حرکت های موس.
در این جلسه از آموزش پروژه محور المنتور ، نحوه کار و استفاده از موشن افکت در المنتور را یاد میگیریم.
انواع موشن افکت در المنتور
افکتهای اسکرول
این افکتها به شما امکان میدهند تا انیمیشنهایی را تنظیم کنید که هنگام اسکرول کاربر در صفحه به نمایش درآیند. برخی از این افکتها عبارتاند از:
| افکت اسکرول | توضیح | مثال |
|---|---|---|
| حرکت عمودی | المان با سرعتی متفاوت نسبت به صفحه حرکت میکند. | ایجاد افکت پارالاکس. |
| حرکت افقی | المان به صورت افقی هنگام اسکرول حرکت میکند. | حرکت ابرها به سمت راست. |
| شفافیت | المان به تدریج شفافتر یا پررنگتر میشود. | نمایش عناوین در هنگام اسکرول. |
| محوشدگی (تاری) | المان به تدریج محو یا واضح میشود. | تاری تصاویر پسزمینه. |
| چرخش | المان هنگام اسکرول میچرخد. | چرخش ستارهها در صفحه. |
| تغییر اندازه (بزرگنمایی) | المانها بزرگتر یا کوچکتر میشوند. | رشد تصاویر پسزمینه. |
افکتهای موس
افکتهای موس تنها برای دسکتاپ قابل استفاده هستند و به کاربر حس عمق و تعامل میدهند.
انواع افکتهای موس:
- تعقیب موس: المانها بر اساس حرکت موس جابجا میشوند.
- چرخش سهبعدی: المانها بر اساس موقعیت موس، کج یا چرخان میشوند.
نحوه دسترسی به بخش موشن افکت در المنتور
1. ورود به پیشخوان وردپرس
ابتدا وارد پیشخوان وردپرس شوید و صفحهای که میخواهید موشن افکتها را در آن اعمال کنید، باز کنید.
2. ویرایش تصویر یا المان
در صفحه ویرایش با المنتور، المان موردنظر را انتخاب کنید. در منوی سمت چپ، به بخش پیشرفته بروید و گزینه موشن افکت را انتخاب کنید.
3. تنظیمات افکتها
در این بخش میتوانید موارد زیر را تنظیم کنید:
- افکتهای اسکرول
- افکتهای موس
- انیمیشن ورودی: انتخاب انیمیشن برای ورود المانها به صفحه.
- چسبندگی (Sticky): برای ایجاد هدر یا منوی چسبان.
4. انتشار تغییرات
بعد از اعمال تغییرات، روی گزینه انتشار کلیک کنید تا تغییرات شما ذخیره شوند.
نکات مهم درباره موشن افکت در المنتور
سازگاری مرورگرها
Motion Effects در مرورگرهای مدرن مانند کروم، فایرفاکس، سافاری، اپرا و اج پشتیبانی میشوند. اما در اینترنت اکسپلورر قابل استفاده نیستند.
| مرورگر | پشتیبانی |
|---|---|
| کروم | بله |
| فایرفاکس | بله |
| سافاری | بله |
| اپرا | بله |
| اج | بله (با لگ) |
| اینترنت اکسپلورر | خیر |
مشکلات احتمالی
در برخی موارد ممکن است انیمیشنها در مرورگر سافاری به درستی نمایش داده نشوند. این مشکل معمولاً به نسخه قدیمی jQuery وردپرس مربوط است. برای رفع این مشکل میتوانید انیمیشنهای ورودی یا افکتهای موس را غیرفعال کنید.
نتیجهگیری
موشن افکتها یکی از قابلیتهای جذاب المنتور هستند که به شما کمک میکنند طراحی وبسایتهای حرفهایتر و جذابتری داشته باشید. با استفاده صحیح از این ابزارها، میتوانید تجربهای تعاملی و متمایز برای کاربران خود ایجاد کنید. اگر به دنبال جلب توجه کاربران و بهبود تجربه کاربری هستید، حتماً از موشن افکتها در طراحی صفحات خود استفاده کنید.
