Wix Editor: ייבוא אנימציית לוטי (Lottie) לאתר

זמן קריאה: 3 דקות
אנימציות לוטי הן קובצי אנימציה באיכות גבוהה שאתם יכולים להוסיף לאתר שלכם. בהוספת אנימציות ישירות מחשבון ה-LottieFiles שלכם, אתם יכולים להחיות את העמודים שלכם מבלי להוסיף קוד מיוחד. 
אתר באוויר עם הטקסט 'חווית הצלילה של לילה'. אנימציה של מדוזה ובועות מים פועלת.
לפני שמתחילים:
כדי שתוכלו לייבא אנימציה, אתם צריכים שיהיה לכם חשבון ב-LottieFiles. 

שלב 1 | הוספת אנימציית לוטי

כדי להתחיל, צריך קודם כל להוסיף את אלמנט אנימציית לוטי לאתר שלכם מסרגל ההוספה.

כדי להוסיף אנימציית לוטי לאתר:

  1. הקליקו על אייקון ההוספה בצד שמאל של ה-Editor.
  2. בחרו ב-Embed Code (קוד מוטמע).
  3. גללו מטה עד ל-Animations (אנימציות).
  4. הקליקו על Lottie כדי להוסיף לאתר שלכם.
חלונית ההוספה באדיטור. סמן העכבר נמצא מעל האפשרות של הוספת לוטי לאתר.

שלב 2 | העתקת כתובת האינטרנט של האנימציה

אחרי הוספת האלמנט לאתר, ייבאו את האנימציה שבחרתם על ידי העתקת כתובת האינטרנט לשה מלוטי. אתם יכולים להשתמש באנימציה שאתם יצרתם, או לבחור אנימציה חינמית מתוך המבחר הרחב באתר LottiesFiles.com. 

כדי למצוא ולהעתיק את כתובת האינטרנט של האנימציה:

  1. התחברו לחשבון ה-LottieFiles שלכם.
  2. בחרו באנימציה שאתם רוצים.
  3. הקליקו על האייקון 'העתקה' תחת Lottie Animation URL (כתובת האינטרנט של אנימציית לוטי).
חלון האנימציה, שדה כתובת האינטרנט מודגש.
הידעתם?
האנימציות של לוטי הן בפורמט וקטורי, כך שהן שומרות על האיכות שלהן גם בגרסת האתר במחשב וגם בגרסת המובייל.

שלב 3 | ייבאו את הקבצים לאתר שלכם ב-Wix

אחרי שהעתקתם את כתובת האינטרנט של האנימציה, הדביקו אותה באלמנט באתר שלכם כדי להוסיף לאתר שלכם אווירה דינמית וייחודית.

כדי לייבא את הקובץ לאתר שלכם:

  1. סמנו את אלמנט אנימציית הלוטי ב-Editor.
  2. הקליקו על אייקון ההגדרות .
  3. הדביקו את כתובת האינטרנט בשדה שתחת What's the animation's URL?.
  4. לחצו על Enter במקלדת שלכם.
חלונית ההגדרות של לוטי באדיטור. סמן העכבר נמצא על שדה הכתובת.
מה הצעדים הבאים?
  • הקליקו על Preview animation (תצוגה מקדימה של האנימציה) בחלק העליון של החלונית כדי לבדוק איך האנימציה פועלת.
  • השתמשו בהגדרות כדי לערוך את אופן הפעולה של האנימציה. לפרטים נוספים על עריכת אנימציית לוטי

זה עזר לך?

|