header-logo
איך לבנות את האתר והעסק שלכם עם Wix
עיצוב וניהול האתר בעזרת הפיצ'רים האינטואיטיביים של Wix
ניהול המנויים, התוכניות והחשבוניות
ניהול העסק והלקוחות ישירות מהנייד
איך קונים דומיין ומחברים או מעבירים אותו לאתר
כלים לפיתוח העסק והנוכחות שלכם אונליין
כלי שיווק ו-SEO להגדלת החשיפה של העסק
פיצ'רים מתקדמים לייעול העבודה שלכם
פתרונות לבעיות, עדכונים על תקלות ויצירת קשר עם Wix
placeholder-preview-image
שיפור המיומנויות שלכם בעזרת קורסים ומדריכים מוכנים
טיפים ועצות בעיצוב אתרים, שיווק ועוד
איך להגדיל את התנועה האורגנית לאתר דרך מנועי החיפוש
בניית אתר עם פלטפורמת ה-full-stack שלנו
במאגר שלנו תוכלו למצוא מומחי Wix בתשלום שיעזרו לכם להשיג את היעדים שלכם
placeholder-preview-image

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

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

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

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

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

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

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

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

ניהול ערימה

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

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

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

עיצוב ערימה

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

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

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

התאמת פריסת הערימה

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

כדי לשנות את פריסת הערימה:

  1. עברו ל-editor.
  2. בחרו את הערימה הרלוונטית.
  3. הקליקו ב-editor מימין למעלה על אייקון פתיחת כלי ה-Inspector (עריכה) .
צילום מסך של פתיחת חלונית Inspector (עריכה) ב-Studio Editor.
  1. גללו למטה אל Layout (פריסה).
  2. השתמשו באפשרויות הזמינות כדי לשנות את פריסת הערימה:
    • החליפו את הכיוון מ-Horizontal (אופקי) ל-Vertical (אנכי) וליהפך.
    • הכניסו ערך תחת Item spacing (ריווח הפריטים) כדי ליצור שוליים שווים בין האלמנטים (הפריטים) שבערימה.
    • בחרו יישור לערימה: Left (שמאל), Right (ימין), Center (למרכז) או Justified (יישור לשני הצדדים).
    • הוסיפו ריווח בצדדים.
ערימה בקנבס ליד חלונית ה-Inspector, מקטע הפריסה מסומן
הידעתם?
אפשר להתאים את הריווח והמרווחים ישירות על הקנבס. גררו את הקו שבין האלמנטים או הקליקו עליו אם אתם מעדיפים להקליד ערך מדויק. אתם יכולים אפילו לשנות את יחידת הגודל במידת הצורך.