بیش از 130 المان سفارشی سازی شده المنتور

افکت شناور

ابزارک های پیشرفته المنتور

شروع کنید

نحوه نصب ویژگی افکت شناور ایکس پرو برای المنتور

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

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

Floating Effect 1

موارد مورد نیاز

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

برای فعال کردن افزونه مراحل زیر را دنبال کنید:

مرحله 1

روی گزینه افزونه ایکس پرو موجود در منوی داشبورد وردپرس کلیک کنید.

Xpro Dashboard in WordPress
مرحله 2

از داشبورد، روی تب افزودنی کلیک کنید، جلوه شناور را پیدا کنید و سپس دکمه «روشن» را تغییر دهید تا فعال شود.

Xpro Addons dashboard pointing at floating effect

نحوه استفاده از افکت شناور افزونه های ایکس پرو

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

ابتدا باید افکت شناور را از ویرایشگر المنتور روشن کنید. به سادگی روی تب پیشرفته کلیک کنید و بخش افکت شناور ما را پیدا کنید. اکنون دکمه را روی بله تغییر دهید تا این ویژگی فعال و استفاده شود.

Elementor Floating Effect feature

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

  1. ترجمه – یک انتقال بین دو نقطه موقعیت ایجاد کنید.
  2. چرخش – هر عنصر را به یک درجه خاص بچرخانید.
  3. مقیاس – یک انیمیشن بزرگنمایی کوچک نمایی برای عناصر النتور ایجاد کنید.

حالا بیایید هر یک از انیمیشن های شناور بالا را یکی یکی روی عناصر خود اعمال کنیم.

جلوه شناور را برای المنتور ترجمه کنید

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

Elementor Floating effect

حال بر روی “تنظیم آیکن” در مقابل گزینه ترجمه کلیک کنید. 4 گزینه را در جدول کشویی مشاهده خواهید کرد. گزینه ها عبارتند از:

  1. ترجمه X (px) – موقعیت ترجمه افقی عنصر خود را تنظیم کنید
  2. ترجمه Y (px) – موقعیت ترجمه عمودی عنصر خود را تنظیم کنید
  3. مدت زمان (میلی‌ثانیه) – مدت زمان انیمیشن، اساساً سرعت انیمیشن را تنظیم کنید
  4. تاخیر (ms) – زمان تاخیر را برای شروع دوباره انیمیشن تنظیم کنید

مدت زمان را مطابق میل خود تنظیم کنید تا یک جلوه ترجمه وسوسه انگیز برای عناصر خود ایجاد کنید.

Floating effect extension for Elementor

تنظیم ترجمه محوری مناسب، مدت زمان و تأخیر باعث می شود عناصر شما به این شکل متحرک شوند.

Floating effect extension

چرخش افکت شناور برای المنتور

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

ابتدا ویجت، بخش یا ستونی را که می خواهید افکت چرخش روی آن اعمال کنید، انتخاب کنید. حالا روی تب پیشرفته کلیک کنید و افکت شناور را روشن کنید.

floating effect feature for elementor

حال بر روی “تنظیم آیکن” در مقابل گزینه چرخش کلیک کنید. ابتدا دو حالت را در جدول کشویی مشاهده خواهید کرد:

  1. Loose
  2. Compact

حالت Loose با گزینه‌های زیر ارائه می‌شود:

  • چرخش X (px) – مقدار چرخش شروع و پایان را در امتداد محور x تنظیم کنید
  • چرخش Y (px) – مقدار چرخش شروع و پایان را در امتداد محور y تنظیم کنید
  • مدت زمان (میلی‌ثانیه) – مدت زمان انیمیشن، اساساً سرعت انیمیشن را تنظیم کنید
  • تاخیر (ms) – زمان تاخیر را برای شروع دوباره انیمیشن تنظیم کنید

حالت فشرده با گزینه های زیر ارائه می شود:

  • چرخش Z (px) – مقدار چرخش شروع و پایان را در امتداد محور z تنظیم کنید.
  • مدت زمان (میلی‌ثانیه) – مدت زمان انیمیشن، اساساً سرعت انیمیشن را تنظیم کنید.
  • تاخیر (ms) – زمان تاخیر را برای شروع دوباره انیمیشن تنظیم کنید.

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

مقیاس افکت شناور برای المنتور

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

ویجت، بخش یا ستونی را که می خواهید افکت مقیاس را روی آن اعمال کنید، انتخاب کنید. اکنون روی تب پیشرفته کلیک کنید و افکت شناور را روشن کنید.

floating effect

حال بر روی “ادیت آیکن” در مقابل گزینه مقیاس کلیک کنید. ابتدا، دو حالت را در جدول کشویی خواهید دید:

  1. Loose
  2. Compact

حالت Loose با گزینه‌های زیر ارائه می‌شود:

  • مقیاس X (px) – مقدار مقیاس را در امتداد محور x تنظیم کنید
  • مقیاس Y (px) – مقدار مقیاس را در امتداد محور y تنظیم کنید
  • مدت زمان (میلی‌ثانیه) – مدت زمان انیمیشن، اساساً سرعت انیمیشن را تنظیم کنید
  • تاخیر (ms) – زمان تاخیر را برای شروع دوباره انیمیشن تنظیم کنید

حالت فشرده با گزینه های زیر ارائه می شود:

  • مقیاس Z (px) – مقدار مقیاس را در امتداد محور z تنظیم کنید
  • مدت زمان (میلی‌ثانیه) – مدت زمان انیمیشن، اساساً سرعت انیمیشن را تنظیم کنید
  • تاخیر (ms) – زمان تاخیر را برای شروع دوباره انیمیشن تنظیم کنید

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

بهترین افکت شناور برای وب سایت های المنتور

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

بهترین افزونه ویجت افکت شناور برای المنتور

افکت شناور ایکس پرو المنتور واقعاً انیمیشن‌های جادویی را به محتوای شما می‌آورد. این ویژگی ها به شما امکان می دهد انیمیشن ها را اضافه کنید و محتوای خود را بدون هیچ گونه CSS سفارشی زنده کنید. اکنون جذب کاربران با محتوای متحرک و وادار کردن آنها بر روی دکمه‌های CTA آسان‌تر از همیشه است.

همچنین می‌توانید با مرور کلی راهنمای مفصل ما در مورد نحوه افزودن انیمیشن‌های ورودی در وب‌سایت‌های المنتور، انیمیشن شگفت‌انگیز ورودی المنتور را به وب‌سایت خود اضافه کنید.

امیدوارم اکنون درک بهتری از اثر شناور داشته باشید. شما می توانید تمام ویژگی های منحصر به فرد المنتور ما را از اینجا مشاهده کنید و به صورت رایگان شروع به ساخت وب سایت های شگفت انگیز کنید.