האזורים הם הבסיס של ה-Builder שלנו. בכל פעם שאנחנו פותחים עמוד Builder נכניס את הוידג'טים השונים לתוך האזור שיופיע לנו, כאשר האזור משמש כמעטפת של קבוצת וידג'טים עליהם אנחנו רוצים להחיל הגדרות שונות של עיצוב ונראות.
רוחב אזור
1. 100% רוחב – מציג את התוכן מצד לצד של האתר, ללא התחשבות ברוחב התוכן ובשולי האתר
2. Boxed – רוחב התוכן הרגיל של האתר (בדרך כלל עם שוליים, תלוי בעיצוב האתר)
רקע
לכל אזור ניתן לבחור רקע שונה, כך ניצור ניגודיות בין אזור לאזור שמאפשרת גלישה נעימה יותר ומאפשרת ליצור עמודים מעוצבים במיוחד.
צבע רקע – צבע רקע של האזור ישמש כבסיס לרקע של האזור גם במידה ותבחרו בתמונת רקע, יש להזין צבע HEX לדוגמא: #000000
תמונת רקע – במידה והגדרנו תמונת רקע, היא תופיע מעל לצבע הרקע (במידה ובחרנו). כדי להסיר את תמונת הרקע, פשוט מחקו את התמונה משדה זה
לתמונת הרקע ניתן לבחור מספר ערכים שיעזרו לכם ליצור אזורים מושלמים עיצובית:
שכפול רקע – מאפשר לשכפל תמונת רקע, מושלם לתצוגת רקעי Pattern
גודל רקע – במצב ברירת מחדל התמונה תופיע כמות שהיא, אך במידה ונבחר במצב Cover התמונה תותאם לרוזולוציית המסך של הגולש, ללא התחשבות בגודל התמונה
גלילה – במצב רגיל תמונת הרקע תיגלל יחד עם העמוד, אך ניתן לבחור במצב Fixed שישאיר את התמונה קבועה במקומה ללא התחשבות בגלילת העמוד
אפקט Parallax – ניתן לבחור בין גלילה למעלה (Scroll Up) לבין גלילה למטה (Scroll Down) מה שיצור תחושת דינמיות מרהיבה. לתצוגה מיטבית מומלץ להשתמש באפקט זה בתמונות עם יחס של 1:1 לדוגמא: 1000X1000px
מהירות Parallax – ניתן לבחור את מהירות האפקט בין 1 – 10 כאשר ברירת המחדל היא 5
רקע וידאו: יש להזין את כתובת ה-URL של סרטון ה-YouTube
להסתיר וידאו במובייל: ניתן להסתיר את רקע הוידאו במובייל ולהציג במקום זאת רקע תמונה (מומלץ)
ריווח פנימי
ניתן להוסיף ריווח פנימי (Padding) עליון ותחתון בתוך האזור כדי ליצור מרווח לתוכן בין האזורים השונים
נראות אזור
כחלק מתפיסת Mobile First אנחנו נותנים חשיבות רבה לגמישות האתר למסכים שונים. באמצעות תפריט בחירה זה ניתן לבחור באיזה מסך האזור יוצג/יוסתר באפשרויות הבאות: דסקטופ, מובייל, טאבלט, משתמשים מחוברים או לא להציג בכלל
הגדרות למפתחים
לכל אזור ניתן גם להוסיף CSS Classes לשליטה מלאה על עיצוב האזור באמצעות גליון עיצוב חיצוני (style.css) או CSS ID שמאפשר לנעוץ עוגן ייחודי לכל אזור, שימושי במיוחד ל-One Page