Studio Editor: שימוש בחלונית ה-Inspector (עריכה)

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

Design

טאב ה- Design (עיצוב) הוא הטאב הראשון שאתם רואים בחלונית העריכה. זה המקום בו אתם יכולים לשנות את המראה, הגודל והמיקום של האלמנט בנקודות ברייקפוינט שונות. 
  • Size ו-Responsive behavior: בדקו את הרוחב והגובה של אלמנט ובחרו איך לשנות את הגודל שלו במסכים שונים.
  • Design: שנו את הצבעים, המסגרת והעיצוב של האלמנט, הוסיפו הצללות ועוד. האפשרויות הזמינות במקרה זה תלויות בסוג האלמנט. 
  • Cursor: הוסיפו סמן עכבר מותאם לאלמנט, מקטע או עמוד. 
  • Layout: ערכו את המרווח, התצוגה והגריד של מקטעים, תאים, קונטיינרים, רפיטרים ותיבות פלקסבוקס (flexbox).
  • Position: ערכו את ההצמדה והשוליים של האלמנט כך שיישאר במקומו במסכים בגודל שונה. אתם יכולים גם לבחור כאן סוג מיקום (לדוגמה pinned, sticky).  
  • Adjust: הפעילו טרנספורמציות (למשל שקיפות, זווית, הטיה) כדי לשנות את מראה האלמנט.
  • Anchor: הוסיפו עוגן לאלמנט או מקטע כדי לקשר ישירות אליהם. 
שימו לב:
חלק מהמקטעים האלה זמינים רק עבור אלמנטים מסוימים. 
צילום מסך של טאב ה-Design בחלונית העריכה, שמציג את האפשרויות הזמינות לאלמנט טקסט

אינטראקציות

הטאב Interactions (אינטראקציות) מאפשר לכם להוסיף אנימציות שמושכות את תשומת הלב של הגולשים. אחרי שבחרתם אלמנט, מקטע או עמוד, בחרו את סוג האנימציה הרצוי:
  • Entrance: אנימציה שמופיעה בפעם הראשונה שהאלמנט נטען. 
  • Hover: אנימציות שמופעלות כשגולשים עוברים מעל עם סמן העכבר.
  • Click: אנימציות שמופעלות כשגולשם מקליקים על אלמנט. 
  • Scroll: אנימציות שמופעלות כשהגולשים גוללים למעלה ולמטה בעמוד.
  • Loop: אנימציות שמופעלות בלופ מתמשך. 
צילום מסך של טאב האינטראקציות, שמראה אלמנט טקסט עם כמה אנימציות

תוכן

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

CMS

ב-Wix Studio העברנו מערכי נתונים לחלונית ה-Inspector (עריכה) כדי שיהיה לכם נוח יותר. 

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

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

לפרטים נוספים על השימוש במערכת ה-CMS ב-Wix Studio.
צילום מסך של אפשרויות החיבור שמוצגות בחלונית ה-Inspector (עריכה).

זה עזר לך?

|