Studio Editor: סידור אלמנטים בערימה (Stacking)

זמן קריאה: 4 דקות
ערימה (stack) היא קונטיינר פלקסבוקס ש"מחבק" קבוצה של אלמנטים בסדר אנכי או אופקי. הוא מבטיח שהאלמנטים יישארו באותו סדר, במרווח שאתם מגדירים, ואף פעם לא תהיה ביניהם חפיפה. 
למרות זאת, אתם יכולים להשתמש בשוליים שליליים כדי לגרום לחפיפת אלמנטים מכוונת.
ב-Wix Studio Academy מחכים לכם עוד וובינרים, מדריכים וקורסים של Wix Studio.
בעמוד זה תלמדו איך:

יצירת ערימת שכבות

  1. הקליקו על אלמנט שאתם רוצים שיהיה בערימה.
  2. החזיקו את מקש Shift לחוץ ובחרו את שאר האלמנטים שאתם רוצים להוסיף לערימה.
  3. הקליקו על Stack (סידור בערימה).
  4. (לא חובה) גררו את הקו בין האלמנטים כדי להגדיר שוליים.
גרירת הרווחים בין פריטים בערימה כדי להגדיל את השוליים
טיפ:
אפשר גם ליצור שוליים שליליים כדי שתהיה חפיפה בין האלמנטים. 
גרירת השוליים של הערימה לכיוון הנגדי כדי ליצור חפיפה בין התמונה לטקסט

שינוי כיוון הערימה

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

ניהול ערימה

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

כדי לנהל ערימה:

  1. בחרו את הערימה הרלוונטית.
  2. בחרו את הפעולה הבאה:

עיצוב ערימה

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

כדי לעצב ערימה:

  1. בחרו את הערימה הרלוונטית.
  2. הקליקו על החץ לפתיחת חלונית ה-Inspector (עריכה)  בפינה הימנית העליונה של ה-Editor.
  3. גללו מטה אל Design (עיצוב). 
  4. עכשיו אתם יכולים לעצב כל מיני דברים בערימה:
    • להגדיר את צבע הרקע ואת רמת השקיפות שלו
    • להוסיף מסגרת כדי למסגר את הערימה. 
    • לבחור רדיוס לפינות
    • להפעיל הצללה ולנהל הגדרות כמו הזווית, המרחק, הגודל ועוד
צילום מסך של חלונית העריכה וערימה שנבחרה על הקנבס. אפשרויות העיצוב מוצגות

זה עזר לך?

|