Bileşenler ve düzenler

Yeniden kullanılabilir bileşenler

Sıradan katmanlardan yeniden kullanılabilir bir parça oluşturun, ardından bir ana bileşen oluşturup gereken yerlere örneklerini yerleştirin. Ortak görsel kuralları ana bileşende; bilinçli farklılıkları örnek geçersiz kılmalarında veya varyantlarda tutun.

1. Bileşenin temel düzenini ve duyarlı davranışını tamamlayın.
2. Ana bileşene ve alt katmanlarına anlamlı adlar verin.
3. Örnekler oluşturun ve ana bileşendeki düzenlemenin bunlara yansıdığını doğrulayın.
4. Her varyantı ve geçersiz kılınmış her örneği ayrı ayrı test edin.

Ortak sayfa düzenleri

Sayfa düzeni, düzen olarak işaretlenmiş ve tam olarak bir alt içerik yuvası içeren ana bileşendir. Yuva, sayfanın kendi kök içeriğini alır; çevresindeki katmanlar üst bilgi ve alt bilgi gibi ortak arayüzü sağlar.

1. Üst bilgi, içerik yuvası ve alt bilgi içeren ana düzen bileşenini oluşturun.
2. İçinde tam olarak bir alt içerik yuvası bulundurun.
3. Düzeni bir sayfaya atayın.
4. Hem ortak arayüzü hem sayfaya özgü içeriği önizlemede doğrulayın.

Oluşturulan düzen katmanları, yazılmış sayfa yapısı kaydedilirken kaldırılır. Düzen eksikse veya yuva yapısı geçersizse mevcut uygulama sayfa içeriğini gizlemek yerine görünür tutar.

Şablonları bileşenlerden ayırın

Bileşen, belge sistemi içinde yeniden kullanılır. Şablon ise bir proje başlangıç noktası yükler ve proje içeriğinin yerini alabilir; mevcut çalışmanıza içe aktarmadan önce şablon kurulumu sayfasını okuyun.