ב

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

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

כדי ליצור סגנון תבנית ייחודי:
לוחצים על סמל היצירה (פלוס) > נותנים שם לסגנון > צור.

מחילים את שינויי התבנית הרצויים בקבוצות הבקרה [אלמנטים] שמופיעות,
כמו הגדרת גופנים תחת “טיפוגרפיה” וכו’.

תנאים

תחת לשונית תנאים (Conditions) ניתן להגדיר ל-Bricks היכן באתר סגנון התבנית צריכה להיות מיושמת.

על מנת להחל את סגנון התבנית על כל האתר יש ללחוץ על תנאים > הוסף תנאי > כל האתר.

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

לדוגמה, נניח שנרצה להחיל סגנון תבנית על שני דפי נחיתה ספציפיים ועל דף הבית.
בשביל לעשות זאת נוסיף תנאי עצמאי (Individual), ונבחר את שני דפי הנחיתה.
לאחר מכן, נוסיף תנאי ספציפי הנקרא עמוד ראשי (Front Page).

קבוצות בקרה זמינות:

• תנאים (CONDITIONS)
• כללי (GENERAL)
• צבעים (COLORS)
• תוכן (CONTENT)
• קישורים (LINKS)
• טיפוגרפיה (TYPOGRAPHY)
• אלמנט – SECTION
• אלמנט – CONTAINER
• אלמנט – BLOCK
• אלמנט – DIV
• אלמנט – אקורדיאון (ACCORDION)
• אלמנט – התראה (ALERT)
• אלמנט – כפתור (BUTTON)
• אלמנט – קרוסלה (CAROUSEL)
• אלמנט – קוד (CODE)
• אלמנט – ספירה לאחור (COUNTER)
• אלמנט – מפרידן (DIVIDER)
• אלמנט – טופס (FORM)
• אלמנט – כותרת (HEADING)
• אלמנט – תיבת אייקון (ICON BOX)
• אלמנט – תמונה (IMAGE)
• אלמנט – גלריית תמונות (IMAGE GALLERY)
• אלמנט – רשימה (LIST)
• אלמנט – תפריט (NAV MENU)
• אלמנט – תוכן פוסט (POST CONTENT)
• אלמנט – תגיות דינמיות (META DATA)
• אלמנט – ניווט פוסט (POST NAVIGATION)
• אלמנט – פוסטים קשורים (RELATED POSTS)
• אלמנט – טקסטונומיה (TAXONOMY)
• אלמנט – כותרת פוסט (POST TITLE)
• אלמנט – טבלת מחירים (PRICING TABLES)
• אלמנט – בר התקדמות (PROGRESS BAR)
• אלמנט – חיפוש (SEARCH)
• אלמנט – בר־צדדי (SIDEBAR)
• אלמנט – סליידר (SLIDER)
• אלמנט – רשימת אייקונים (ICON LIST)
• אלמנט – SVG
• אלמנט – לשוניות (TABS)
• אלמנט – חברי צוות (TEAM MEMBERS)
• אלמנט – המלצות – ביקורות (TESTIMONIALS)
• אלמנט – טקסט (TEXT)
• אלמנט – וידאו (VIDEO)
• אלמנט – וורדפרס (WORDPRESS)
• ווקומורס – כפתור (BUTTON)
• ווקומורס – הודעה (MESSAGE)

תנאי ‘לא לכלול’

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

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

מה זה ‘החל על עמודי ילדים’?

ייצוא

1. בתוך בונה האתרים ניגש אל הגדרות > סגנון תבנית.
2. בחירת סגנון תבנית הנדרש.
3. לחיצה על אייקון עריכה (עיפרון).
4. לחיצה על אייקון ייצוא (הורדה).
5. הורדה של קובץ ה-JSON ושמירתו.

ייבוא

1. בתוך בונה האתרים ניגש אל הגדרות > סגנון תבנית.
2. לחיצה על אייקון יצירה (פלוס).
3. לחיצה על אייקון ייבוא (העלאה).
4. בחירת קובץ ה-JSON הנדרש והעלאה.

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

היררכיית סגנון

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

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

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