Sayfa, layout, slot, blok
Amaç: Diğer bütün rehberlerin kullandığı dört kelimeyi anlamak.
Süre: 3 dakika
Gerekenler: Hiçbir şey — bu rehber tıklamak değil, okumak içindir
Adımlar
- Pages içinden herhangi bir sayfayı açın ve Edit page seçin.
- Layout Slots sekmesini açın. Burada layout'unuzun tanımladığı slotlar ile sayfanın gerçekte sahip olduğu slotlar karşılaştırılır.
- Slots kartına inin. Bu, aynı listenin iş görür hali: her slot, kaç blok tuttuğu ve onları düzenleme düğmesi.
- Main üzerinde Edit Blocks seçin. Artık bloklara bakıyorsunuz: sıralanmış gerçek içerik.
Dört kelime
Sayfa, adresi olan şeydir. /notes bir sayfadır. İçeriğinizi tutar ve ziyaretçilerin onu görüp göremeyeceğine karar verir.
Layout, sayfanın içinde render edildiği çerçevedir. Sayfanın üst bilgi şeridi, kenar çubuğu, alt bilgi olup olmayacağına karar verir — içeriğe değil, mobilyaya. Sayfayı oluştururken bir tane seçersiniz ve sonra değiştirebilirsiniz.
Slot, layout'un sağladığı adlandırılmış alandır: Header, Main, Sidebar, Footer. Bunları etiketli kutular gibi düşünün. Hangi kutuların var olduğunu layout söyler; içine ne gireceğine siz karar verirsiniz.
Blok, bir slotun içindeki tek bir içerik parçasıdır: bir başlık, bir paragraf, bir görsel, bir galeri, bir iletişim formu. Bloklar sırayla üst üste dizilir ve bazı bloklar başka blokları tutar.
Hepsi bir arada: bir sayfa bir layout kullanır, layout slotları sağlar ve slotları bloklarla siz doldurursunuz.
Neden böyle ayrılmış
Çünkü aynı içeriğin her sayfa için yeniden kurulması gerekmemeli, çerçevenin de her içerik parçası için yeniden kurulması gerekmemeli.
Bir Shared Slot bunu bir adım öteye taşır: bir slotu tek bir sayfada doldurmak yerine, bir kez doldurup birçok sayfaya atarsınız. Site üst bilgisinin kimse kopyalayıp durmadan her yerde aynı kalması böyle olur.
Notlar
- Layout'u değiştirmek bloklarınızı silmez. Yeni layout'un tanımlamadığı slotlar korunur, sadece render edilmeyebilirler.
- Bir blok başka blokları tutabilir. Bir Card; bir başlık, bir gövde ve bir alt bölge tutar; bir Grid ise kartları tutar. Bir sayfanın HTML yazmadan gerçek bir yerleşim kazanması bu iç içeliklerle olur.