نحوه اضافه کردن Lottie فایل در وردپرس (لاتی فایل در وردپرس)

مقدمه مقاله نحوه اضافه کردن Lottie فایل در وردپرس

در این مقاله قصد داریم تا شما را با نحوه اضافه کردن Lottie فایل در وردپرس آشنا کنیم تا بتوانید از آن در سایت های مشتریان استفاده کنید. تصاویر و ویدیوهای چشم نواز راهی عالی برای تحت تاثیر قرار دادن بازدیدکنندگان آنلاین هستند. با این حال، تقریباً هر وب سایتی از آنها برای بهبود تجربه کاربر ( UX) استفاده می کند. بنابراین، افزودن این تصاویر استاندارد به صفحات شما دیگر برای متمایز کردن سایت شما از سایرین کافی نیست.

خوشبختانه، می توانید انیمیشن های Lottie را به سایت خود اضافه کنید تا مزیت رقابتی به شما بدهد. LottieFiles یک کتابخانه رایگان از انیمیشن‌ها را ارائه می‌کند که می‌توانید به راحتی به وب‌سایت خود اضافه کنید. سپس، می‌توانید از آن‌ها برای افزایش تعامل کاربر و بهبود طراحی سایت استفاده کنید.

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

مزایای افزودن انیمیشن های Lottie به سایت شما

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

به‌علاوه، بازار جهانی پیش‌بینی شده برای صنعت انیمیشن انتظار می رود طی نه سال آینده 60 درصد افزایش یابد. این بدان معناست که اگر اکنون شروع به استفاده از آنها کنید، می توانید از روند رو به رشد جلوتر باشید.

در واقع، 61 درصد از بازاریابان در سال گذشته از محتوای تعاملی به عنوان یک تاکتیک تعامل دیجیتال استفاده کردند. استراتژی‌های دیگر شامل GIF بود که می‌توان از آنها برای نمایش انیمیشن‌ها نیز استفاده کرد.

انیمیشن‌های Lottie یک انتخاب عالی هستند، که عمدتاً به دلیل اندازه فایل کوچکشان است.

در واقع، این فایل‌ها 600% کوچکتر از فایل‌های GIF هستند – می‌توانید آن‌ها را به سایت خود اضافه کنید بدون اینکه مشکلی ایجاد کنند. این می تواند به شما امکان می دهد تا UX مثبت را حفظ کنید.

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

نحوه اضافه کردن Lottie فایل در وردپرس (3 روش)

اکنون که مزایای استفاده از انیمیشن های Lottie را می دانید، بیایید به سه راه برای افزودن آنها به سایت خود نگاه کنیم.

روش 1: انیمیشن خود را با oEmbed اضافه کنید

افزودن انیمیشن های Lottie خود از طریق oEmbed ساده ترین روش در این راهنما است. تنها نقطه ضعف این است که نمی‌توانید تنظیمات انیمیشن را ویرایش کنید یا آنها را طوری تنظیم کنید که به تعاملات کاربر واکنش نشان دهند.

برای شروع کار با این روش، کتابخانه انیمیشن‌های LottieFiles را مرور کنید تا انیمیشن مناسب را بیابید و روی انیمیشن کلیک کنید و به سادگی URL oEmbed را کپی کنید (برای انجام این کار باید به یک حساب کاربری رایگان وارد شوید):

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

اکنون، URL oEmbed را که از وب‌سایت Lottie کپی کرده‌اید جای‌گذاری کنید:

دکمه Embed را برای تأیید عملکرد فشار دهید.

در این مرحله، باید انیمیشن را در صفحه خود مشاهده کنید:

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