آموزش افزودن افکت‌ های متحرک در المنتور

انیمیشن و افکت‌های متحرک بخش بسیار مهمی از سایت را تشکیل می‌دهند که اگر به درستی تنظیم شود، تجربه کاربری مناسبی را برای سایت خود رقم می‌زنید. المنتور امکان افزودن افکت‌های متحرک را در در کمتر از چند دقیقه به شما می‌دهد که ما امروز در این مقاله از آموزش رایگان المنتور قصد داریم به صورت 0 تا 100 به افزودن افکت‌ های متحرک در المنتور بپردازیم.

موشن افکت در المنتور چیست؟

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

• افکت‌های پیمایش: این افکت مربوط به زمانی است که کاربر در صفحه سایت اسکرول می‌کند.
• افکت‌های موس: این افکت مربوط به زمانی است که ماوس کاربر روی المان‌های صفحه می‌رود.

نکته: استفاده از این المان‌ها در زیبایی سایت نقش بسیار مهمی دارند؛ ولی باید به درستی از آن استفاده کنید تا منجر به نمایش اشتباه و سنگین‌ شدن صفحات سایت شما نشود.

برای افزودن افکت‌های متحرک به نوشته‌ها و تصاویر خود باید از المنتور پرو استفاده کنید. در واقع با استفاده از انیمیشن‌های جذاب المنتور می‌توانید تجربه کاربری سایت خود را بهبود بدهید.

محصول پیشنهادی

افزونه المنتور پرو ⚡ (دانلود صفحه ساز Elementor)

دسته بندی : افزونه صفحه ساز وردپرس

29586

فروش

90%

رضایت

مشاهده و خرید

نحوه اضافه کردن افکت‌ در المنتور

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

• برای اضافه کردن افکت متحرک با المنتور کافیست پس از اضافه کردن ویجت مورد نظرتان، از طریق بخش تنظیمات، وارد قسمت پیشرفته شوید. مانند تصویر زیر از بخش موشن افکت می‌توانید تنظیمات را انجام دهید.

• سپس در قسمت موشن افکت به تنظیمات زیر دسترسی خواهید داشت.

افکت‌های پیمایش در المنتور

در اولین بخش از افزودن افکت متحرک به المنتور، باید افکت‌های پیمایش و زمان اسکرول کردن صفحه و تنظیمات زیر را انجام دهید.

• اسکرول عمودی: با تنظیم این بخش هنگام اسکرول صفحه، المان موردنظر به صورت عمومی (بالا و پایین) تحرک دارد.
• اسکرول افقی: با تنظیم این بخش، با اسکرول کردن صفحه المان موردنظرتان به صورت افقی (چپ و راست) تحرک دارد.
• شفافیت: در این بخش میزان شفافیت المان موردنظر را هنگام اسکرول کردن تعیین می‌کنید؛ از این طریق جهت محو شدن و میزان آن را مشخص کنید.
• محو شدگی: اگر می‌خواهید المان با اسکرول کردن صفحه محو شود، باید جهت و میزان آن را با کمک این بخش تنظیم کنید.
• چرخش: اگر نیاز به چرخش المان موردنظر با اسکرول کردن صفحه دارید، از طریق این بخش جهت چرخش و سرعت آن را تنظیم کنید.
• تغییر اندازه: با کمک این بخش تعیین می‌کنید که اندازه المان موردنظر با اسکرول کردن صفحه تغییر کند.
• اعمال افکت روی: در این بخش تعیین کنید که تنظیمات انجام شده برای افکت متحرک در المنتور هنگام نمایش روی کدام دستگاه‌ها (موبایل، تبلت و دسکتاپ) اعمال شود.
• تاثیر مرتبط با: در این بخش مشخص می‌کنید که تنظیمات برای کل صفحه انجام شود یا فقط همان بخشی که مشاهده می‌کنید.
• نقطه لنگرگاه در X و Y: در این قسمت می‌توانید نحوه حرکت المان موردنظرتان را بر اساس نقطه مشخصی تنظیم کنید. مثلاً از وسط شروع به چرخش کند یا از سمت راست و چپ.

افکت‌های ماوس در المنتور

در دومین بخش از افزودن افکت به المنتور، نوبت به افکت‌های موس خواهد رسید؛ با فعال کردن این گزینه، بخش‌های زیر در اختیار شما قرار می‌گیرد:

• مسیر موس: در این بخش می‌توانید مسیر حرکت ماوس را مشخص کنید؛ همچنین قابلیت تنظیم جهت و سرعت آن هم وجود دارد.
• Title سه بعدی: اگر می‌خواهید المان موردنظرتان به صورت سه بعدی چرخش داشته باشد، در این بخش جهت و سرعت آن را تنظیم کنید.
• شناور: یکی دیگر از بخش‌های افکت ماوس که برای کل صفحه قابل تنظیم بوده، بخش شناور است. اگر می‌خواهید المان‌های سایتتان به صورت شناور در صفحه حرکت کند، این بخش را تنظیم کنید.
• انمیشن هنگام ورود: در این قسمت می‌توانید با وارد شدن کاربر به صفحه موردنظر با یک انیمیشن خاص المان‌ها را نمایش دهید. کافی است المان موردنظرتان را انتخاب و سرعت آن را مشخص کنید

با این تنظیمات می‌توانید متن متحرک در المنتور، دکمه متحرک و غیره را در صفحات خود ایجاد و آنها را به صفحات پویا و جذاب تبدیل کنید.

استفاده از موشن افکت برای طراحی صفحات می‌تواند شما را حرفه‌ای نشان دهد؛ البته در صورتی که در استفاده از آن زیاده‌روی نکتید زیرا استفاده از آن در تمام بخش‌های صفحه سایت منجر به سنگین شدن آن می‌شود و روی تجربه کاربری تاثیر منفی خواهد گذاشت. در این مقاله آموزش افزودن انیمیشن به المان ها در المنتور را به طور کامل بررسی کردیم. اگر سوالی دارید از طریق بخش نظرات مطرح کنید تا شما را به صورت کامل راهنمایی کنیم.