Wix Editor: הוספה והתאמה אישית של אנימציה
זמן קריאה: 4 דקות
השתמשו באנימציות כדי להחיות את האתר שלכם. הוסיפו אפקטים כמו "Float-in" (ציפה פנימה) ו-"Expand-in" (התרחבות פנימה) כדי ליצור עמודים מדהימים ומלאי דמיון ולמשוך את תשומת לב הגולשים לתוכן שלכם.
אתם יכולים להוסיף אנימציות למגוון אלמנטים, ואפילו להוסיף אפקטים שונים לאותו אלמנט גם באתר למחשב וגם באתר המובייל. האנימציה באתר המובייל מוגדרת להתאים למסכים קטנים יותר, כדי שתוכלו להרשים את הגולשים שלכם גם שם. לפרטים נוספים על אפקטים באנימציה באתר שלכם במובייל
במאמר זה תלמדו כיצד:
הוספת אנימציה לאלמנט
התחילו להפוך את האתר שלכם לדינמי ומושך על ידי הוספה של אנימציה לאלמנטים. לכל אנימציה יש אפקט ייחודי, כך שאתם יכולים לשלב אותן יחד עם אלמנטים שונים ולהשאיר בגולשים רושם בלתי נשכח.
כדי להוסיף אנימציה:
- הקליקו על האלמנט הרלוונטי ב-Editor.
- הקליקו על סמל האנימציה
. - בחרו אנימציה מהאפשרויות הזמינות.
שימו לב:
הסירו את אפקט האנימציה מהאלמנט בעזרת הקלקה על אייקון האנימציה 
, ואז הקליקו על None (ללא)
.
, ואז הקליקו על None (ללא).טיפ:
אתם יכולים להוסיף אנימציה לקבוצה של אלמנטים על ידי בחירת הקבוצה והקלקה על סמל האנימציה .
.התאמה אישית של אנימציה
אחרי שהוספתם אנימציה לאלמנט, תוכלו להתאים אותה אישית כדי שהיא תתנהג כמו שאתם רוצים ותתאים לתחושה של האתר.
התאימו הגדרות כמו עוצמה, כיוון והשהיה כדי לעשות רושם ולמשוך את תשומת לב הגולשים.
כדי להתאים אישית את האנימציה:
- הקליקו על האלמנט הרלוונטי ב-Editor.
- הקליקו על סמל האנימציה .
- הקליקו על Customize (התאמה אישית) והשתמשו באפשרויות להתאמה אישית של האנימציה:
- Power: (עוצמה) הקליקו על התפריט הנפתח ובחרו את מידת העוצמה של האנימציה בזמן פעולה.
- Direction: (כיוון) בחרו מאיזה כיוון האנימציה תכנס לעמוד, למשל בכיוון השעון או מצד ימין.
- Distance: (מרחק) בעזרת פס ההזזה הגדילו או הקטינו את המרחק בין תחילת האפקט לסופו.
- Duration: (משך זמן) גררו את פס ההזזה כדי לקבוע כמה זמן אתם רוצים שהאנימציה תפעל.
- Delay: (השהיה) גררו את פס ההזזה כדי להגדיל או להקטין את משך הזמן שעובר בין טעינת העמוד לבין התחלת האנימציה.
- Only animate first time: (להפעיל את האנימציה רק בפעם הראשונה) הקליקו על מתג ההפעלה כדי להפעיל/לכבות את האפשרות שהאנימציה תוצג רק בפעם הראשונה שהעמוד נטען.
שימו לב:
אפשרויות ההתאמה האישית הזמינות תלויות באנימציה שתבחרו.
הוספת אנימציות לאתר המובייל
אתם יכולים להוסיף אנימציה לאלמנטים לא רק באתר המיועד למחשב אלא גם באתר המובייל, כדי שהגולשים ייהנו מחוויית גלישה נהדרת בכל המכשירים.
האנימציות למובייל עוצבו במיוחד לרזולוציות ולגדלים של מסכים קטנים, כך שאתם לא צריכים לדאוג לגבי המקום.
שימו לב:
אם אתם רוצים להוסיף אנימציה לאלמנט מסוים גם במחשב וגם בנייד, אתם צריכים להוסיף את האפקט ב-Editor של למחשב וב-Editor לנייד. אנימציה שהוספתם בגרסת המחשב לא עוברת לאתר בגרסת הנייד, בגלל שישנה התאמה לגדלי מסך שונים.
כדי להוסיף אנימציה במובייל:
- היכנסו אל ה-Editor למובייל.
- הקליקו על האלמנט הרלוונטי.
- הקליקו על סמל האנימציה .
- בחרו אנימציה מהאפשרויות הזמינות.
חשוב:
- אנימציות שנוספות לאלמנטים בראש העמוד מוצגות רק בטעינה הראשונה של האלמנט.
- אם יש אלמנט שמוסתר/מוצג באמצעות Velo, גם האנימציות שלו צריכות להיות מוגדרות דרך Velo. לפרטים נוספים על אלמנטים של Velo
יש לכם בעיות עם האנימציה?
עקבו אחרי השלבים שכתבנו כדי להבטיח שהכל עובד באופן תקין באתר שלכם.
זה עזר לך?
|