מדריכים/עיצוב/להתאים אישית את פריסת הקבוצה

להתאים אישית את פריסת הקבוצה

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

סרטון הדרכה

ארגון הבלוקים בתוך קבוצה

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

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

לשנות את הרוחב של בלוק 'קבוצה'

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

  1. יש לבחור תצוגת רשימה בחלק העליון של מסך העריכה.
  2. יש לבחור את הבלוק 'קבוצה'.
  3. בסרגל הכלים שיוצג, יש לבחוריישור, ואז לבחור אחת מהאפשרויות הבאות:
    • 'תוכן' (או 'ללא'): מגדיר את הרוחב של הבלוקים כך שיהיה רוחב ברירת המחדל של אזור התוכן. מומלץ למקטעי תוכן רגילים.
    • 'רוחב רחב': מגדיר את הרוחב של הבלוקים להיות רוחב רחב יותר (אבל לא מלא). מומלץ כדי להפנות תשומת לב לתוכן חשוב מבלי לתפוס את כל רוחב המסך.
    • 'רוחב מלא': מגדיר את הבלוק כך שימלא לחלוטין את כל הרוחב של האזור הזמין. מושלם ליצירה של מקטעי תוכן מקיפים, כמו באנרים או גלריות תמונות גדולות.
  4. יש ללחוץ על 'שמירה' או 'פרסום' כדי לשמור את השינויים.
An arrow pointing to the "Align" icon in the Group block toolbar, with the block set to "wide width".

למידע נוסף בנושא שינוי של רוחב התוכן.

להתאים את הרוחב של תכנים בקבוצה

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

  1. יש לבחור תצוגת רשימה בחלק העליון של מסך העריכה.
  2. יש לבחור את הבלוק 'קבוצה'.
  3. בסרגל הכלים הצדי של הגדרות הבלוק, יש למצוא את 'בלוקים פנימיים' במקטע זה. יש להעביר את מצב ההגדרה 'בלוקים פנימיים משתמשים ברוחב תוכן' למצב:
    • מופעל: התוכן יוגדר לפי הגדרות רוחב התוכן של האתר, או שיהיה ניתן להתאים ערכי רוחב ספציפיים בעזרת פקדי הרוחב.
    • כבוי: התוכן יתרחב כדי למלא את הרוחב המקסימלי של הבלוק 'קבוצה'.
  4. יש ללחוץ על 'שמירה' או 'פרסום' כדי לשמור את השינויים.

מידע נוסף על 'בלוקים פנימיים משתמשים ברוחב תוכן'

ההגדרה 'בלוקים פנימיים משתמשים ברוחב תוכן' קובעת כמה רחב יהיה התוכן בתוך הבלוק 'קבוצה':

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

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

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

להתאים את הממדים

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

  1. יש לבחור תצוגת רשימה בחלק העליון של מסך העריכה.
  2. יש לבחור את הבלוק 'קבוצה'.
  3. בסרגל הכלים הצדי של הגדרות הבלוק, יש למצוא את ' ממדים במקטע זה.
  4. קביעת ערכים עבור:
    • מרווחים: הרווח בין התוכן לבין הגבול של בלוק הקבוצה. ריווח נוסף מייצר מרווח נשימה סביב התוכן שלך.
    • שוליים: ריווח סביב החלק החיצוני של בלוק הקבוצה. הריווח עוזר להפריד מקטע זה מתוכן אחר.
  5. ניתן להשתמש בסמל הקישור כדי להחליף בין התאמות צדדיות אחידות או נפרדות.
The padding of the Group block highlighted, and an arrow pointing to the dimensions settings.

למידע נוסף בנושא התאמה אישית של ממדי בלוקים.

לשלוט במרווחי הבלוק

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

  1. יש לבחור תצוגת רשימה בחלק העליון של מסך העריכה.
  2. יש לבחור את הבלוק 'קבוצה'.
  3. בסרגל הכלים הצדי של הגדרות הבלוק, יש למצוא את ' מרווחי הבלוק במקטע זה.
  4. יש להשתמש בפקדים כדי להגדיר את:
    • מרווחי הבלוק: מרווחים בין בלוקים יחידים. ריווח רב יותר יוצר הפרדה ברורה, ואילו ריווח קטן מאפשר לתוכן להיות קשור יותר.
    • גובה מינימלי: כמה גבוה הבלוק 'קבוצה' צריך להיות לכל הפחות. שימושי ליצירת מקטעים עקביים או להוספת רווח לבן לצורך איזון חזותי.

למידע נוסף בנושא התאמת המרווח בין בלוקים.

Copied to clipboard!