Editor X: שימוש בכלי פריסה

זמן קריאה: 6 דקות
Editor X עובר ל-Wix Studio, הפלטפורמה החדשה שלנו לסוכנויות ופרילנסרים.פרטים נוספים על Wix Studio
רוצים לעשות סדר בתוכן בקלות? השתמשו בכלי פריסה חכם המכיל קונטיינרים רספונסיביים. הקונטיינרים מבוססים על טכנולוגיית flexbox והגודל שלהם משתנה אוטומטית בהתאם למסך של הגולשים.
תוכלו לבחור את סוג הפריסה בכלי (עמודות, בריקים, גלריית שקפים וכו'), להוסיף או להסיר פריטים לפי הצורך ולשנות הגדרות כמו שוליים וכיווניות.
בעמוד מידע זה נסביר על:

איך מוסיפים כלי פריסה?

כדי להוסיף כלי פריסה, פשוט פתחו את חלונית ההוספה, בחרו את הכלי המתאים וגררו אותו לעמוד. יש מגוון רחב של עיצובים, בהתאם לסוג התוכן שאתם רוצים להציג (רק תמונות, טקסט ותמונות וכו'ו)
צילום מסך של חלונית ה-Add Element ב-Editor X, שמראה את אפשרויות הפריסה השונות שאפשר להוסיף

כדי להוסיף כלי פריסה:

  1. הקליקו על Add Elements  בחלק העליון של Editor X.
  2. הקליקו על Layout Tools
  3. הקליקו על Layouters.
  4. גררו את כלי הפריסה לעמוד.
נסו ותראו בעצמכם:
גררו את הידיות של הקנבס כדי לראות איך התוכן של כלי הפריסה מסתדר מחדש בצורה חלקה בהתאם לברייקפוינט.

הוספה וניהול של פריטים בכלי הפריסה

כלי הפריסה מורכב מפריטים, שהם בעצם קונטיינרים רספונסיביים. אתם יכולים לשנות את מספר הפריטים בכלי הפריסה, והגודל של הפריטים ישתנה אוטומטית בהתאם למקום הפנוי. 
כדי להוסיף פריט חדש, אתם יכולים להקליק על Add Item או להשתמש בחלונית ניהול הפריטים בחלונית העריכה. 
צילום מסך של האפשרות Add Item שמופיעה בלחיצה על Layouter ב-Editor X

כדי לנהל את הפריטים בכלי הפריסה מחלונית העריכה:

  1. הקליקו על כלי הפריסה.
  2. הקליקו על האייקון של חלונית העריכה  בחלק העליון של Editor X.
  3. (בחלונית העריכה) הקליקו על אייקון הפעולות הנוספות  ליד Manage Items
  4. הקליקו על אייקון הפעולות הנוספות ליד הפריט הרלוונטי ובצעו את הפעולה הרצויה:
    • Duplicate: שכפול פריט ספציפי.
    • Rename: מתן שם לכל פריט שיאפשר לכם לזהות אותו בקלות.
    • Delete: הסרת הפריט לגמרי.
    • Don't Display: הסתרת הפריט מהברייקפוינט הספציפי שעליו אתם עובדים.
צריכים לסדר מחדש את הפריטים?
הקליקו על הפריטים הרלוונטיים וגררו אותם כדי לשנות את סדר ההופעה שלהם.
צילום מסך של חלונית ההוספה ב-Editor X, בזמן ניהול כלי הפריסה

התאמה אישית של התצוגה של כלי הפריסה

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

להתאמה אישית נוספת של התצוגה:

  1. הקליקו על כלי הפריסה.
  2. הקליקו על אייקון חלונית העריכה  בפינה הימנית העליונה של Editor X.
  3. (לא חובה) תחת Display, בחרו Display type.
  4. התאימו אישית את כלי הפריסה לפי סוג התצוגה שבחרתם:
הערה לגבי פערי CSS:
יש דפדפנים ישנים שלא תומכים בתכונה הזו (למשל, Chrome 76-83, Safari 12-14 ו-Edge 79-83). זה אומר שגולשים שנכנסים לאתר מהדפדפנים האלה לא רואים את הפערים שהגדרתם בין פריטי הפריסה. 
צילום מסך של חלונית ההוספה ב-Editor X, תוך שינוי הגדרות התצוגה של כלי הפריסה

שינוי גודל הפריטים בכלי הפריסה

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

שינוי סדר הפריטים בכלי הפריסה

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

כדי לשנות את הסדר של הפריטים:

  1. הקליקו קליק ימני על הפריט שאתם רוצים להזיז.
  2. עברו עם העכבר מעל Switch Order.
  3. בחרו אפשרות: With next item או With previous item.
סרטון שמראה איך משנים את הסדר של פריטי הפריסה ב-Editor X

זה עזר לך?

|