סוגי רכיבים

אתם מגדירים רכיבים. רכיבים הם שכבת הנתונים שמתחברת לממשק המשתמש (UI).

רכיבים מותאמים אישית הם פוסטים בבלוג, מחברים, כתובות, נתונים גולמיים מותאמים וכו'.

רכיבי UI הם פשוט רכיבים מותאמים אישית שמסומנים כאלמנטים של ממשק משתמש, פוטר, כותרת עליונה, Hero וכו'.

רכיבי מערכת מוגדרים מראש על ידי ה-CMS כמו מדינה ושפה.

מה הם רכיבי UI?

עמודים מורכבים מיותר מרכיב UI אחד

דוגמאות:

• בלוק-הירו
• בלוק-פיצ'ר
• קרוסלת-תמונות
• כותרת-על/כותרת-תחתונה

כל רכיב UI מייצג מקטע בעמוד שלכם.

תהליך העבודה של רכיב UI

1. הגדירו רכיב (מבנה הבלוק) בבונה הרכיבים
2. צרו את רכיב ה-UI
3. שייכו את רכיב ה-UI לעמוד
4. בצעו רינדור בצד הלקוח באמצעות הבלוק המתאים ברישום הבלוקים ובהגדרת המרנדר

דוגמה: סכימת בלוק Hero

בלוק Hero עשוי להכיל:

• תמונה
• כותרת
• כותרת משנה

סכמת JSON בעורך

[
  {
    "name": "heading",
    "type": "string",
    "required": false,
    "displayName": "heading"
  },
  {
    "name": "subtitle",
    "type": "string",
    "required": false,
    "displayName": "subtitle"
  },
  {
    "name": "hero_img",
    "type": "image",
    "required": false,
    "displayName": "hero_img"
  }
]

הגדרת לוח הניהול

• צרו בלוק חדש
• צרפו את הסכימה (HeroSchema)
• תנו שם לבלוק (לדוגמה, hero-block)

שיוך בלוק לעמוד

• עברו למסלול בלוח הניהול
• לחצו על Assign Page
• הוסיפו את הבלוק החדש שנוצר

רינדור בצד הלקוח

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

סיכום

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