לעצב את העמודות שלך

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

כדי לשנות את צבע הרקע של העמודות, יש לבצע את השלבים הבאים:

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

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

4. בהגדרות הצבע, יש ללחוץ על 'רקע' ולבחור את צבע הרקע.
5. לשמירת השינויים יש ללחוץ על הכפתור 'לשמור'.

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

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

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

3. בסרגל הכלים שמופיע מעל העמודות שנבחרו או מתחתיהן, יש ללחוץ על האפשרות ליישור אנכי:

4. אפשר לבחור בין 'ליישר למעלה', 'ליישר לאמצע' או 'ליישר לתחתית' כדי שכל התוכן בתוך בעמודות יוצג בחלקו העליון, האמצעי או התחתון של גוף העמודה, בהתאמה.

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

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

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

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

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