انیمیشن جذاب برای وبسایت، چطوری میتونیم از انیمیشن های جداب برای وبسایتمون استفاده کنیم؟
انیمیشن lottiefiles چیست و چه کاربردی دارد ؟
LottieFiles یک فرمت انیمیشن سبک و مبتنی بر JSON است که انیمیشنهای وکتوری را بدون افت کیفیت نمایش میدهد. این فایلها توسط نرمافزارهایی مانند After Effects با استفاده از افزونه Bodymovin ایجاد میشوند و به راحتی در وبسایتها قابل استفاده هستند. در المنتور (Elementor) میتوانید از ویجت مخصوص Lottie استفاده کنید و به راحتی این انیمیشنها را با تنظیمات مختلف مثل سرعت، تکرار، و تعاملات کاربر به سایت خود اضافه کنید. این فرمت باعث کاهش حجم فایلها و بهبود سرعت لود صفحات میشود.
معرفی وبسایت
در مرحله اول باید وارد وبسایت مورد نظر بشید که میتوانید با کلیک روی تصویر بالا وارد وبسایت lottiefiles شوید.
بعد از ورود به وبسایت باید در وبسایت lottiefiles ثبت نام بکنید که میتوانید با اکانت جیمیل وارد بشید.
به مسیر داشبود این وبسایت هدایت میشوید که میتوانید از بالا در بخش سرچ انیمیشن مورد نظر رو سرچ بزنید تا وارد بخش انمیشن های مورد نظر بشید حال یک انیمیشن رو به دلخواه انتخاب و روی دانلود کلیک کنید.
بعد از کلیک روی دانلود به بخش دانلود انیمیشن هدایت میشوید که به شکل تصویر زیر می باشد.
این بخش شما می توانید به المان انیمیشن تغییراتی بدید مثل تغییر رنگ یا اضافه کردن المان ولی این مورد اختیاری است و اگر دوست داشتید می توانید انجام بدید.
حال طبق بخشی که مشخص شده روی دانلود کلیک کنید تا فایل جیسون دانلود شود.
نحوه استفاده از ویجت Lottie
وارد وبسایتتون بشید و در صفحه مورد روی ویرایش با المنتور کلیک کنید و ویجت lottie رو سرچ و به برگه اضافه کنید.
بعد از اضافه کردن این ویجت از بخش آپلود فایل json روی بارگذاری ( فلش بارگذاری) کلیک کنید.
فایل مورد نظری که دانلود کردید رو انتخاب و آپلود کنید.
شاید در مراحل انجام آپلود با خطایی روبه رو شوید طبق تصویر زیر که که میتوانید روی دکمه ادامه کلیک کنید و فایل خودتون رو آپلود کنید.
نتیجه نهایی به شکل زیر ظاهر میشود.
برای تکرار انیمیشن بصورت نامحدود باید از بخش تنظیمات این افزونه و بخش تنظیمات گزینه حلقه رو فعال کنید.
نحوه دسترسی به این ویچت
در نهایت اگر بخواید از این ویچت استفاده کنید باید حتما نسخه پرو افزونه المنتور رو تهیه کنید که میتوانید از این بخش خریداری و استفاده کنید.
