JJourney AI

Bileşen kataloğu

Site sayfalarında ve şablonlarında kullanılabilecek bileşen tanımlarını yönetin.

Son güncelleme: 13 Ekim 20263 dk okuma

Bileşen kataloğu, site sayfalarında ve şablonlarında kullanılabilecek yapı taşlarının tanımlarını tutar. Kataloğu genellikle teknik ekip yönetir.

Editörler için

Sayfa içeriğinde mevcut bileşenleri kullanma adımları için Bileşen ekleme rehberine bakın.

Bileşen kataloğu — türe göre filtre ve bileşen tablosu
1

Yeni Bileşen

Kataloğa yeni bir bileşen tanımı ekleyin. Slug'ı site geliştiricisi site kodundaki bileşenle eşleştirir.
1/7

Numaralara tıklayın ya da ← → tuşlarıyla gezinin.

Bileşen tanımındaki alanlar

Katalogdaki bileşen tanımında şu alanlar bulunur:

AlanAçıklama
BaşlıkPanelde gösterilen bileşen adı.
SlugBileşen tanımının anahtarı. Site geliştiricisi bu slug'ı site kodundaki bileşenle eşleştirir.
Bileşen türüBileşenin türünü belirler. Kapsayıcılar çocuk bileşen tutabilir; yapraklar değer taşır ve çocuk alamaz.
TekrarlanabilirBileşenin aynı yerde birden fazla kullanılıp kullanılamayacağını belirler. Açıkken bileşen ağacında Kopyala işlemi görünür. Kapalıyken bileşen aynı üst bileşenin altında zaten varsa ekleme penceresinde listelenmez ve kopyalanamaz. Bu ayar yalnızca yönetim panelindeki düzenlemeyi etkiler; sitenin görünümünü değiştirmez.
Yeniden kullanılabilirBileşenin başka bileşenlerin altına da eklenebilmesini sağlar. Yeniden kullanılabilir bileşenler yalnızca Özel veya Form türündeki kapsayıcıların ve form alanlarının altına eklenebilir. Bileşen ekleme penceresinde ayrı bir kaynak sekmesinde listelenirler. Ayar açıldığında bileşenin altındaki bileşenler de yeniden kullanılabilir olur.
AktifAktif olmayan bileşenler sayfa ve şablon içeriğinden çıkarılır ve bileşen seçicilerde listelenmez. Arama yalnızca aktif bileşenlerde sonuç verir.
Alt bileşen ağacıKapsayıcı bileşenin altındaki bileşenleri tanımlar.
Açılır liste seçenekleriAçılır liste türündeki bileşen için seçenekleri tanımlar.

Türleri anlayın

Kapsayıcı türler çocuk bileşenleri barındırır. PDF, Özel ve Form türlerini kapsayıcı olarak belirtir. Yaprak türler veri taşır ve çocuk alamaz; örnekleri Kısa Metin, Zengin Metin, Fotoğraf, Video, Doküman, Açılır Liste, Evet/Hayır, Liste ve Form Alanı'dır.

Kullanımları kontrol edin

Katalog bileşenleri türe göre filtrelenebilir; sayfa ve şablon başına kullanım sayıları gösterilir. Bir bileşenin Kullanım sayfası, hangi sayfa ve şablonlarda bulunduğunu; durumunu, görünürlüğünü ve dilini listeler.

Kullanımdaki bileşeni silmeyin

Kullanılan bir bileşen silinemez. Çocuğu olan kapsayıcı bileşen de yaprak türe çevrilemez.

Özel slug'lar

Slug'ı popup ile başlayan bileşenler gecikme, kaydırma yüzdesi veya çıkış niyetiyle açılan bir katman olarak çalışır. sticky-button ile başlayan slug'lar sabit düğme davranışını belirtir.

Site geliştiricisiyle çalışın

Panelde bileşen tanımı oluşturduktan sonra site geliştiricisi aynı slug için site kodunda bir React bileşeni tanımlar ve bileşen registry'sine ekler. Kod tarafındaki adımlar için Bileşenler geliştirici rehberine bakın.

Eşleşmeyen bileşen sitede hata kartı olarak görünür

Site kodunda aynı slug'a sahip bir bileşen yoksa, bileşen canlı sitede de mavi bir hata ayıklama kartı olarak görünür; kart bileşenin başlığını, slug'ını ve verisini gösterir. Bileşeni bir sayfada yayımlamadan önce geliştiricinin bileşeni site koduna eklediğinden emin olun.

İlgili sayfalar

Bu sayfada