Grup düzenini özelleştirme

Grup blokları bir birim olarak stillendirebileceğiniz ve konumlandırabileceğiniz bir kapsayıcıda içerikleri düzenlemenize yardımcı olur. Bu kılavuz, şununla birlikte hızlı, iyi hizalanmış sayfa bölümleri oluşturmak için düzen ayarlarını nasıl kullanacağınızı gösterecektir: Grup bloku.

Varsayılan olarak, bir Grup bloku blokları üst üste gelecek şekilde düzenler. Blokların grup içinde nasıl düzenleneceğini değiştirmek, içeriğin yan yana (yatay) mı yoksa yığılı (dikey) mı görüneceğini kontrol etmenizi sağlayarak tasarımınız için daha fazla düzen esnekliği sağlar. Aşağıdaki adımları izleyerek gruptaki içeriğin hizalamasını özelleştirebilirsiniz:

1. Lütfen Liste Görünümü öğesini seçin, düzenleme ekranının üstünde bulunur.
2. Şunu seçin: Grup bloku.
3. Lütfen blok ayarları kenar çubuğu içinde sağda şu seçeneklerden birini seçin:
   • Grup: Şunun için varsayılan düzenleme Grup blokları.
   • Yığın: Blokları biri diğerinin üstünde dikey olarak düzenler. Adımlar veya öne çıkan öğeler gibi net, sıralı içerikler oluşturmak için idealdir.
     • Lütfen Yaslamaaltında üst, orta veya alt gibi seçeneklerle dikey hizalamayı değiştirin.
   • Satır: Blokları yatay olarak yan yana yerleştirir. Özellik karşılaştırmaları veya görsel galerileri oluşturmak için mükemmeldir.
     • Lütfen Yaslamaaltında yatay hizalamayı sol, orta, sağ veya aralık gibi seçeneklerle ayarlayın.
   • Izgara: Blokları özelleştirilebilen şunda düzenler: Izgara düzeni. Ürün gösterimleri veya ekip üyeleri için kullanışlıdır.
4. Lütfen “Kaydet” veya “Yayımla” seçeneğine tıklayarak değişikliklerinizi kaydedin.

Şunun genel genişliğini kontrol etmek: Grup bloku , sayfanızda görsel bir hiyerarşi oluşturmanıza ve içeriğinizin farklı ekran boyutlarına nasıl yanıt verdiğini ayarlamanıza yardımcı olur. Şunun: Grup bloku aşağıdaki adımları izleyerek içerik genişliğinden büyük genişliğe ve tam genişliğe kadar ne kadar alan kullandığını değiştirebilirsiniz:

1. Lütfen Liste Görünümü öğesini seçin, düzenleme ekranının üstünde bulunur.
2. Şunu seçin: Grup bloku.
3. Görüntülenen araç çubuğunda “Hizala” simgesini seçin ve şunlar arasında seçim yapın:
   • İçerik (veya “Hiçbiri”): Blokların genişliğini şuna ayarlar: içerik alanının varsayılan genişliği. Normal içerik bölümleri için idealdir.
   • Büyük genişlik: Blok genişliğini daha geniş (ancak tam değil) bir genişliğe ayarlar. Tüm ekranı kaplamadan önemli içeriklere dikkat çekmek için kullanışlıdır.
   • Tam genişlik: Bloku kullanılabilir alanın tam genişliğini dolduracak şekilde ayarlar. Reklam bantları veya büyük görsel galerileri gibi sürükleyici içerik bölümleri oluşturmak için mükemmel.
4. Lütfen “Kaydet” veya “Yayımla” seçeneğine tıklayarak değişikliklerinizi kaydedin.

Şunun değiştirme hakkında daha fazla bilgi edinin: içeriğinizin genişliği.

İçeriğinizin bir grup içinde ne kadar alana yayıldığını kontrol edebilirsiniz; bu, mobil ve masaüstü ekranlarda uyumlu, hızlı tasarımlar oluşturmaya yardımcı olur. Şuradaki içeriğin genişlik ayarlarını değiştirmek için şu adımları izleyin: Grup bloku:

1. Lütfen Liste Görünümü öğesini seçin, düzenleme ekranının üstünde bulunur.
2. Şunu seçin: Grup bloku.
3. Lütfen blok ayarları kenar çubuğuiçinde “İç bloklar” bölümünü bulun. Lütfen “İç bloklar içerik genişliği kullanır” ayarını açın/kapatın:
   • Açık: İçerik, sitenin içerik genişliği ayarlarına uyar veya genişlik kontrollerini kullanarak belirli genişlik değerlerini ayarlar.
   • Kapalı: İçerik, tüm Grup bloku genişliğini dolduracak şekilde genişletilir.
4. Lütfen “Kaydet” veya “Yayımla” seçeneğine tıklayarak değişikliklerinizi kaydedin.

“İç bloklar içerik genişliğini kullanır” ayarı, Grup blokunuzdaki içeriğin ne kadar geniş görüneceğini kontrol eder:

Bu şöyle ise: Açık: Şuradaki içerik: Grup bloku sitenizin genel içerik genişliği ayarını takip eder (genellikle 700-800 piksel genişliğinde). Bu, içeriğiniz için sitenizin merkezinde kapsayıcı bir içerik sütunu oluşturur, Grup bloku sayfanın tam genişliğini kapsıyor olsa bile içerik sütunu oluşturulur. Bu, çekici bir yerleşim sağlarken daha büyük ekranlarda okunabilirliği artırır.

Bu şöyle ise: Kapalı: Şuradaki içerik: Grup bloku şunun tüm genişliğini doldurmak için genişletilir: Grup bloku . Eğer Grup bloku tam genişlikteyse içeriğiniz aynı zamanda tam genişlik boyunca uzanır. Bu, tam genişlikte görsel galerileri gibi kenardan kenara tasarımlar oluşturmak veya içeriğin şunun genişliğiyle eşleşmesini istediğinizde kullanışlıdır: Grup blokunun arka planı.

Pratik bir örnek: Tam sayfa genişliğini kapsayan renkli bir arka plan içeren Grup bloku varsa “İç bloklar içerik genişliğini kullanır” özelliğini açtığınızda kenardan kenara uzayan renkli arka plan içeren merkezi bir içerik sütunu oluşturulur, bu da görsel ilgiyi korurken önemli bilgileri vurgulamak için idealdir.

Boyutları ayarlamak, şunun yüksekliğini, genişliğini ve aralığını kontrol etmenizi sağlar: Grup bloku , bu sayede içerik ve düzen ihtiyaçlarınızı daha iyi uyarlar. Bu, görsel olarak dengeli bölümler oluşturmanıza yardımcı olur ve içeriğinize nefes alma alanı verir. Şunun çevresinde kesin boşluk bırakın: Grup bloku içeriği, bunun için şu adımları izleyin:

1. Lütfen Liste Görünümü öğesini seçin, düzenleme ekranının üstünde bulunur.
2. Şunu seçin: Grup bloku.
3. Lütfen blok ayarları kenar çubuğuiçinde şunu bulun: Boyutlar bölümü.
4. Şunun için değer ayarla:
   • Dolgu: İçerik ve Grup bloku kenarlığı arasındaki boşluk. Daha fazla dolgu içeriğinizin etrafında nefes alacak alan oluşturur.
   • Kenar boşluğu: Grup blokunun dış çevresindeki boşluk. Bu bölümün diğer içeriklerden ayrılmasına yardımcı olur.
5. Tekil veya bireysel yan düzenlemeler arasında geçiş yapmak için bağlantı simgesini kullanın.

Şunları özelleştirme hakkında daha fazla bilgi edinin: blok boyutları.

Bu aralığı ayarlamak, içeriğin şurada ne kadar yakın veya uzak görüneceğini kontrol etmenize olanak sağlar: Grup bloku, böylece öğeler arasında doğru görsel ilişkiyi oluşturulur. Bu özellik, ziyaretçilerin uyumlu bir bölümü korurken benzer içerikleri ayırt etmelerine yardımcı olur. Grubunuzdaki bloklar arasındaki boşluğu yönetin:

1. Lütfen Liste Görünümü öğesini seçin, düzenleme ekranının üstünde bulunur.
2. Şunu seçin: Grup bloku.
3. Lütfen blok ayarları kenar çubuğuiçinde şunu bulun: Blok boşluğu bölümü.
4. Şunu ayarlamak için kontrolleri kullanın:
   • Blok boşluğu: Tek tek bloklar arasındaki boşluk. Daha fazla boşluk net bir ayrılma oluşturur, daha az boşluk ise içeriğin daha bağlı hissettirir.
   • Minimum yükseklik: Grup blokunun yüksekliğinin en az ne kadar olması gerektiği. Tutarlı bölümler oluşturmak veya görsel denge için beyaz boşluk eklemek için kullanışlıdır.

Şunlar hakkında daha fazla bilgi alın: bloklar arasındaki boşluğu ayarlama.