Types of Components

Ορίζετε Συστατικά. Τα Συστατικά αποτελούν το επίπεδο δεδομένων που συνδέεται με το UI.

Προσαρμοσμένα Συστατικά είναι Αναρτήσεις Ιστολογίου, Συγγραφείς, διευθύνσεις, προσαρμοσμένα ακατέργαστα δεδομένα κ.λπ.

Συστατικά UI είναι απλώς Προσαρμοσμένα Συστατικά που έχουν επισημανθεί ως Στοιχεία UI, υποσέλιδο, κεφαλίδα, hero, κ.λπ.

Συστατικά Συστήματος προκαθορίζονται από το CMS ως Χώρα και Γλώσσα.

Τι είναι τα Συστατικά UI;

Οι σελίδες αποτελούνται από περισσότερα από ένα Συστατικά UI.

Παραδείγματα:

• hero-block
• feature-block
• image-carousel
• header/footer

Κάθε Συστατικό UI αντιπροσωπεύει μια ενότητα της σελίδας σας.

Ροή Εργασίας Συστατικού UI

1. Ορίστε ένα συστατικό (τη δομή του μπλοκ) στον δημιουργό συστατικών
2. Δημιουργήστε το συστατικό UI
3. Αναθέστε το Συστατικό UI σε μια σελίδα
4. Αποδώστε το στην πλευρά του πελάτη με το κατάλληλο μπλοκ στο μητρώο μπλοκ και στη ρύθμιση του renderer

Παράδειγμα: Σχήμα Hero Block

Ένα μπλοκ hero μπορεί να περιλαμβάνει:

• Εικόνα
• Επικεφαλίδα
• Υπότιτλος

JSON Schema στον επεξεργαστή

[
  {
    "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
• Προσθέστε το νεοδημιουργημένο μπλοκ

Απόδοση στην Πλευρά του Πελάτη

Αφού ανατεθεί, το μπλοκ μπορεί να ανακτηθεί και να αποδοθεί στην πλευρά του πελάτη χρησιμοποιώντας τη ρύθμιση του renderer.

Περίληψη

• Τα σχήματα ορίζουν τη δομή των μπλοκ
• Τα μπλοκ ορίζουν ενότητες μιας σελίδας
• Οι σελίδες αποτελούνται από πολλά μπλοκ
• Πλήρως παραμετροποιήσιμο και επαναχρησιμοποιήσιμο