Kılavuzlar/İçerik oluşturma/Tasarlayın/Sütunlarınızı tasarlama

Sütunlarınızı tasarlama

İçeriği yapılandırılmış düzenlerde düzenlemek için sütunlar kullanarak sitenizi görsel olarak çekici ve gezinmesi kolay hale getirebilirsiniz. Bu kılavuzda, mobil cihazlarda renkler, hizalama ve görünüm gibi sütunlarınızın tasarım özelliklerini nasıl özelleştireceğinizi öğreneceksiniz.

Sütun renklerini değiştirme

Sütunların arka plan rengini eklemek veya değiştirmek için şu adımları izleyin:

  1. Düzenleyicinin sol üst köşesindeki Liste Görünümü‘nü seçin. Bu, üst üste üç yatay çizgi gibi görünen simgedir.
  2. Sütun blokunu buradan bulun ve üzerine tıklayın:
Sütunların seçili olduğu blokların listesi.
  1. Ekranın sağ tarafındaki Sütunlar bloku ayarlarında Stiller sekmesine tıklayın (simge siyah ve beyaz bir daireye benzer):
Stiller sekmesi seçili blok ayarları
  1. Renk ayarlarındaArka Plan“a tıklayın ve bir arka plan rengi seçin.
  2. Değişikliklerinizi kaydetmek için “Kaydet” düğmesini tıklayın.

Her sütun için farklı renkler seçmek istiyorsanız aynı adımları izleyin, ancak genel Sütunlar bloku yerine Liste Görünümünde tek bir Sütun bloku seçin.

İçeriği bir sütunda hizalama

Yeni bir sütuna içerik eklediğinizde, varsayılan olarak sütunun kapsayıcısının üstüne hizalanır. Şu adımları izleyerek sütunların içindeki içeriğin hizalamasını değiştirebilirsiniz:

  1. Düzenleyicinin sol üst köşesindeki Liste Görünümü‘nü seçin. Bu, üst üste üç yatay çizgi gibi görünen simgedir.
  2. Sütun blokunu buradan bulun ve üzerine tıklayın:
Sütunların seçili olduğu blokların listesi.
  1. Seçili sütunların üzerinde veya altında görünen araç çubuğunda dikey hizalama seçeneğine tıklayın:
Dikey hizalama seçeneği vurgulanır. Altında düz dikdörtgen bulunan yatay bir çizgi gibi görünüyor.
  1. Üste hizala“, “ortaya hizala” veya “altına hizala” seçeneklerinden birini seçerek sütunların içindeki tüm içeriğin üst, orta veya sütun kapsayıcısının altında yer almasını sağlayın.

Her sütun için farklı hizalamalar seçmek istiyorsanız aynı adımları izleyin, ancak genel sütunlar yerine Liste Görünümünde ayrı bir sütun seçin. Bunu yaparak şunun gibi dağınık bir düzen oluşturabilirsiniz:

Sütun başına hizalamaların farklı olduğu sütun örneği.

Mobilde sütunları yığınlama

Bir sütun düzeni kullanırken, sütunlarınızın mobil cihaz kullanarak web sitenizi ziyaret edenlere nasıl görüneceğini göz önünde bulundurmanız önemlidir. Telefonlar daha küçük ekranlara sahiptir, bu nedenle birden fazla sütun tek bir satıra güzel bir şekilde sığmayabilirken içeriğinizi okunaklı tutabilir.

Mobil ekranlarda sütunları “yığınlamayı” seçerek tek bir satırda değil, diğerinin üstünde görünmelerini sağlayabilirsiniz:

  1. Liste Görünümü veya blok araç çubuğunu kullanarak Sütun blokunu seçin.
  2. Ekranın sağ tarafındaki Sütunlar bloku ayarlarındaMobilde yığınla” anahtarını açın:
Sütun bloku ayarları, sütun sayısını ve mobil seçenekte yığını gösterir.

Bu düğme, sayfa veya gönderi bir mobil cihazda görüntülendiğinde sütunların yatay olarak mı yoksa dikey olarak mı yığılacağını belirler. İşte mobil ekrana kıyasla masaüstü/dizüstü ekranlarında görüntülenen yığınlanmış sütunlara bir örnek:

Yan yana üç sütun gösterilir.
Masaüstü
Daha küçük bir ekranda üst üste yığınlanmış üç sütun.
Mobil
Copied to clipboard!