Bileşen ağacı
Sayfa içeriğini oluşturan iç içe bileşen ağacını, kapsayıcı ve yaprak türleri ile görünürlük seçeneklerini öğrenin.
Bu sayfada Journey AI'ın içeriği nasıl bir ağaç olarak sakladığını, bileşen türlerini ve görünürlük ayarlarını öğreneceksiniz.
Ağaç yapısı
Bir sayfanın içeriği bileşen ağacıdır. Kapsayıcı türler çocuk bileşenler taşıyabilir; yaprak türler veri taşır ve çocuk alamaz. Bu yapı iç içe sınırsız derinlikte kurulabilir. Bunu HTML'in yapısal bir temsili gibi düşünebilirsiniz.
hero-banner (Özel)
├── title (Kısa Metin) "Geleceğin bankacılığı"
├── description (Zengin Metin) "**Hızlı**, güvenli, her yerde."
├── image (Fotoğraf) "https://cdn.example.com/Photos/12-hero.webp"
└── buttons (Özel)
└── button (Özel, tekrarlanabilir)
├── label (Kısa Metin) "Hemen başvur"
└── link (Kısa Metin) "/basvuru"Bileşen ağacındaki her alan sayfada metin, görsel veya bağlantı gibi bir içeriğe karşılık gelir.
Bileşen düzenleyici — iç içe bileşen ağacı ve sağda önizleme
Kapsayıcı ve yaprak türler
| Grup | Türler | Ne taşır |
|---|---|---|
| Kapsayıcı | Özel (Custom), Form | Çocuk bileşenler. Kendi verisi yoktur. |
| Yaprak | Kısa Metin, Zengin Metin (Markdown), Fotoğraf, Video, Doküman, Açılır Liste, Evet/Hayır, Liste, Form Alanı | Veri: metin, URL, seçim vb. Çocuk alamaz. |
Kural basittir: kapsayıcılar çocuk, yapraklar veri taşır. Çocuğu olan bir kapsayıcı yaprak türe çevrilemez. Kaydederken ağaç doğrulanır; veri taşıması gereken yapraklar boş bırakılamaz.
Görünürlük
Görünürlük her yerleşim için ayrı ayrı seçilir:
| Panelde | Anlamı |
|---|---|
| Herkese açık | Hem önizleme hem canlı sitede görünür. |
| Sadece önizleme | Yalnızca önizleme sitesinde görünür. |
| Sadece yayında | Yalnızca canlı sitede görünür. |
| Gizli | Hiçbir sitede görünmez. |
Bir sayfadaki tüm bileşenler gizliyse sayfa sağlığı bunu Eksik olarak işaretler.
Ağaç üzerinde işlemler
Bileşen düzenleyicide bileşen ekleyebilir, iç içe yerleştirebilir, sürükle bırak ile sıralayabilir, çoğaltabilir, silebilir, görünürlüğü değiştirebilir ve bir bileşeni başka sayfaya aktarabilirsiniz. Ayrıntılar için Bileşen ekleme rehberine bakın.