בלוק של רשת פריסה

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

רשת פריסה מאפשרת מבנה ויישור של תכנים בדף אינטרנט. היא כוללת מספר קווים אנכיים שנקבע על ידי מכשיר הצפייה (נקודת העצירה הריספונסיבית):

• 12 שורות רשת למחשבים שולחניים.
• 8 שורות רשת למכשירי טאבלט.
• 4 שורות רשת למכשירים ניידים.

בפריסת הרשת של הבלוק, קווי רשת מקובצים יחדיו כדי ליצור עמודות (1-4), ואפשר למקם את התוכן בתוך כל אחת מהעמודות האלה.

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

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

כדי להוסיף את בלוק רשת הפריסה, יש ללחוץ על הסמל '+ בלוק' של מוסיף הבלוקים ולחפש את "login grid" (להתחבר לרשת). יש ללחוץ על האפשרות כדי להוסיף את הבלוק לפוסט או לעמוד.

אם האתר שלך מאפשר הפעלת תוספים, עליך להקפיד להפעיל את התוסף רשת הפריסה במקטע תוספים ← תוספים מותקנים.

ניתן לראות הוראות מפורטות על הוספת בלוקים כאן.

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

אפשר לשנות את הבחירה בשלב מאוחר יותר בהגדרות הבלוק.

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

כאשר לוחצים על הבלוק, יופיע סרגל כלים עם אפשרויות:

בסרגל הכלים של בלוק רשת הפריסה נמצאות האפשרויות הבאות:

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

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

מתקדם

בלשונית 'מתקדם' אפשר להוסיף סיווג CSS לבלוק שלך ולכתוב CSS מותאם אישית ולעצב את הבלוק כרצונך.

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

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

לדוגמה, במחשב שולחני (12 קווי רשת), עמודות נפרדות בתוך פריסה של שלוש עמודות יכולות להיות בטווח של 4 שורות רשת ללא היסט או בטווח של 3 שורות רשת עם היסט אחד בכל טור או טור אחד בטווח של 10 שורות רשת ושני טורים נוספים בטווח של שורה אחת כל אחד.

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

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

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

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

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

בדוגמה הבאה, הגדרנו את העמודות לטווח של 2 ולהיסט של 0 כדי להציג שתי עמודות בנייד ו-4 עמודות בטאבלט בהתאמה.