header-logo
איך לבנות את האתר והעסק שלכם עם Wix
עיצוב וניהול האתר בעזרת הפיצ'רים האינטואיטיביים של Wix
ניהול המנויים, התוכניות והחשבוניות
ניהול העסק והלקוחות ישירות מהנייד
איך קונים דומיין ומחברים או מעבירים אותו לאתר
כלים לפיתוח העסק והנוכחות שלכם אונליין
כלי שיווק ו-SEO להגדלת החשיפה של העסק
פיצ'רים מתקדמים לייעול העבודה שלכם
פתרונות לבעיות, עדכונים על תקלות ויצירת קשר עם Wix
placeholder-preview-image
שיפור המיומנויות שלכם בעזרת קורסים ומדריכים מוכנים
טיפים ועצות בעיצוב אתרים, שיווק ועוד
איך להגדיל את התנועה האורגנית לאתר דרך מנועי החיפוש
בניית אתר עם פלטפורמת ה-full-stack שלנו
במאגר שלנו תוכלו למצוא מומחי Wix בתשלום שיעזרו לכם להשיג את היעדים שלכם
placeholder-preview-image
  1. ראשי
  2. Studio ותוכניות לפרטנרים ולארגונים
  3. Wix Studio
  4. שימוש ב-Studio Editor
  5. הוספת אפקטים ואנימציות
  6. Studio Editor: הוספת אפקט WebGL לרקע של מדיה

Studio Editor: הוספת אפקט WebGL לרקע של מדיה

9 דקות
אם אתם רוצים לשדרג את הפרויקטים של הלקוחות שלכם, השתמשו באפקטים של WebGL שלנו, שנועדו להפוך כל רקע של מדיה למוקד תשומת הלב. האפקטים האלה מושכים את תשומת הלב של הגולשים ומבטיחים ביצועים אופטימליים. בחרו מתוך מגוון ערכות מוכנות מרשימות, שנו את המאפיינים שלהן והחליטו איך הן יופעלו — באופן אוטומטי בגלילה או כאשר הגולשים מזיזים את העכבר.
קובץ GIF שמציג אתר פעיל עם אנימציות WebGL ברקע של כמה מקטעים.

הוספת אפקט WebGL

עברו לחלונית ה-Inspector (עריכה) כדי להוסיף אפקט WebGL לרקע המדיה של מקטע מסוים. אתם יכולים לבחור מבין ערכות מוכנות שונות, בהתאם למראה ולאינטראקציה שאתם רוצים להשיג.
שימו לב:
אי אפשר לשלב בין אפקטים של גלילה ברקע לאפקטים של WebGL.

כדי להוסיף אפקט WebGL:

  1. הוסיפו תמונה או סרטון לרקע של המקטע הרלוונטי.
    שימו לב: אפקטים של WebGL אינם נתמכים עבור רקעים עם GIF, ואין תמיכה גם עבור עיצובי רקע של מדיה שמוגדרים כאריחים.
  2. בחרו את המקטע על הקנבס.
  3. הפעילו אפקט WebGL:
    1. הקליקו ב-editor מימין למעלה על אייקון פתיחת כלי ה-Inspector (עריכה) .

    2. הקליקו על הלשונית Animations and Effects (אנימציות ואפקטים).
    3. הקליקו על ‎+ Add (הוספה) תחת WebGL Effects (אפקטים של WebGL).
    4. בחרו אפקט מהרשימה.
טיפ:
עברו עם העכבר מעל האייקונים של הערכות המוכנות כדי לראות איך הן ייראו.אתם יכולים גם לצפות בתצוגה מקדימה של האפקט על הקנבס באמצעות לחיצה על Adjust Animation (התאמת האנימציה). ודאו שהמתג Preview in editor (תצוגה מקדימה ב-editor) מופעל.
קובץ GIF של התצוגות המקדימות של הערכות המוכנות הזמינות של אנימציית WebGL בחלונית ה-Inspector

עריכת אפקט WebGL

כדי לשפר את המראה וההתנהגות של האפקטים, אפשר להוסיף להם שינויים קטנים או תנועה דינמית ונועזת. כל אפקט מגיע עם מערך הגדרות משלו (למשל עוצמה, מהירות וכיוון) שמעניק לכם שליטה מלאה על האינטראקציה שלו עם התוכן.
עבור אפקטים מסוימים, אתם יכולים גם להחליט מה יפעיל אותם באתר – הפעלה אוטומטית, גלילה, הזזת עכבר או שילוב של כמה פעולות.

כדי לערוך אפקט WebGL:

  1. בחרו את המקטע הרלוונטי.
  2. הקליקו ב-editor מימין למעלה על אייקון פתיחת כלי ה-Inspector (עריכה) .
  3. הקליקו על הלשונית Animations and Effects (אנימציות ואפקטים).
  4. הקליקו על האפקט שאתם רוצים לשנות.
  5. הקליקו על Adjust Animation (התאמת אנימציה) כדי לשנות את ההגדרות שלו:
המתג Preview in editor (תצוגה מקדימה ב-editor) בתחתית החלונית מופעל כברירת מחדל, ומאפשר לכם לחוות את האפקט בפעולה על הקנבס.
צילום מסך של הקנבס ליד חלונית ה-Inspector, מציג את כוונון אפקט ה-RGB split והפעלת מתג התצוגה המקדימה

הסרת אפקט WebGL

אתם תמיד יכולים להסיר אפקט WebGL שהוספתם בעבר לרקע של מקטע.

כדי להסיר אפקט WebGL:

  1. בחרו את המקטע הרלוונטי.
  2. הקליקו ב-editor מימין למעלה על אייקון פתיחת כלי ה-Inspector (עריכה) .
  3. הקליקו על הלשונית Animations and Effects (אנימציות ואפקטים).
  4. הקליקו על אייקון הפעולות הנוספות ליד אפקט ה-WebGL.
  5. בחרו באפשרות Remove (הסרה).
צילום מסך של הקנבס של לשונית האנימציות והאפקטים בחלונית ה-Inspector, מוצגת הקלקה על האייקון להסרת האפקט

שאלות נפוצות

הקליקו על השאלות למטה כדי לקרוא את התשובות בנושא אפקטים של WebGL ב-Studio Editor.

זה עזר לך?

|
בעמוד מידע הזה
  • הוספת אפקט WebGL
  • עריכת אפקט WebGL
  • הסרת אפקט WebGL
  • שאלות נפוצות

זה עזר לך?

|