Columns ve Grid

Amaç: Birkaç içerik parçasını yan yana dizmek.
Süre: 4 dakika
Gerekenler: Bir sayfa ve birlikte göstermeye değer üç şey

1. Add Block seçin, ardından Columns seçin.
2. Columns Title, Columns Subtitle ve Intro Text alanlarını doldurun — Columns kendi başlığını getirir; onu Grid'den ayıran da budur.
3. Bir Columns Variant seçin: cards her sütunu çerçeveler, plain onları çıplak bırakır, stats kısa sayılara uygundur.
4. Columns satırında Add child block seçin ve Column Item seçin. Column Title ve Column Text alanlarını doldurun ve her sütun için tekrarlayın.
5. Çıplak bir dizilim için Add Block seçip onun yerine Grid seçin. Columns (2, 3 veya 4) ve Gap ayarlayın.
6. Grid'in çocukları olarak istediğinizi ekleyin — genellikle Card tercih edilir.

Columns bir içerik bloğudur. Başlığı, alt başlığı, girişi ve içine ne gireceğine dair sabit bir fikri vardır: Column Item'lar.

Grid bir yerleşim bloğudur. Kendine ait metni yoktur, çocukları hakkında bir görüşü de — yalnızca bir sütun sayısı ve bir boşluk.

Dizi bir girişe ihtiyaç duyuyorsa Columns kullanın. Zaten kendini anlatan blokları diziyorsanız Grid kullanın.

• İkisi de telefonda tek sütuna iner. Amaç budur ve yan yana yerleşim için tablonun neden yanlış araç olduğunu da bu açıklar.
• Dört sütun genellikle fazladan adımlarla yapılmış iki sütundur. Dizüstünde her biri dardır; telefonda ise sadece uzun bir listedir.
• Grid üzerindeki Alternate media/text sections, klasik dönüşümlü yerleşim için sayfa boyunca görsel ile metnin taraflarını değiştirir.
• Grid içinde ne olduğuna aldırmaz; dolayısıyla yanlışlıkla Header'lardan oluşan bir Grid, kulağa geldiği kadar kötü render edilir.