Bölüm Ayırıcıları (Dalga, Eğim, Üçgen…)

Bloğun üst ve alt kenarına dalga, eğim, üçgen gibi bir şekil koyarsınız; iki bölüm arasındaki geçiş düz çizgi yerine yumuşak bir biçim alır.

Nerede bulunur: Tema Editörü → bir blok seçin → sağdaki özellikler panelinde Ayırıcılar sekmesi Kimler için: Bölümlerin düz kenarla bitmesinden sıkılan, vitrine "tasarlanmış" bir hava katmak isteyen herkes Kısaca: Bloğun üst ve alt kenarına dalga, eğim, üçgen gibi bir şekil koyarsınız; iki bölüm arasındaki geçiş düz çizgi yerine yumuşak bir biçim alır.

Ne işe yarar?

Varsayılan olarak bloklar birbirine düz bir kenarla değer. Bölüm ayırıcısı, bu kenara bir SVG şekil ekler: bölüm dalgalı, eğimli veya üçgen bir kenarla biter.

Panelde açıklaması da yazar: "Bloğun üst ve alt kenarına dalga, eğim, üçgen gibi SVG ayırıcı ekler. Ayırıcı bloğun kenarını keser; rengi genelde komşu bölümün arka plan rengiyle aynı seçilir."

Bu da genel bir ayardır — hangi bloğu seçerseniz seçin aynı sekme oradadır. (Header bloğu hariç.)

Nerede bulurum?

Tema Editörü → bir blok seçin.
Sağdaki özellikler panelinde Ayırıcılar sekmesine geçin.
İçeride iki alt sekme vardır: Üst ve Alt. Her kenarı ayrı ayarlarsınız.

Şekiller

Şekil kutusundan seçersiniz; her seçeneğin yanında küçük bir önizleme çizimi vardır.

Şekil	Görünüm
Yok	Ayırıcı kullanılmaz (varsayılan).
Dalga	Tek, yumuşak bir dalga.
Katmanlı dalga	Üst üste binen, farklı şeffaflıkta üç dalga.
Eğri	Asimetrik, akışkan bir eğri.
Eğim	Düz bir köşegen.
Üçgen	Ortada tek tepe.
Üçgenler	Zikzak (çok sayıda küçük üçgen).
Ok	İnce bant + ortada aşağı sivri uç.
Dağlar	Çok tepeli silüet.
Ayrık	Ortadan V şeklinde kertik.
Kitap	Ortada eğri kenarlı tepe.

Ayarlar

Ayar	Ne yapar?
Şekil	Yukarıdaki listeden ayırıcı biçimi.
Renk	Ayırıcının rengi. Tema renklerinden seçebilir veya özel bir renk verebilirsiniz.
Yükseklik	Ayırıcının kaç piksel yer kaplayacağı (10-320 px, varsayılan 80). "Masaüstü yüksekliğidir; tablette ve mobilde otomatik olarak küçültülür."
Katman	İçeriğin üstünde (şekil bloğun içeriğinin üzerine biner) veya Bloğun arkasında (şekil arkada kalır).
Yatay çevir	Şekli soldan sağa aynalar.
Dikey çevir	Şekli yukarıdan aşağı aynalar.

Renk seçiminin püf noktası: ayırıcı, komşu bölümün rengiyle aynı olduğunda "bölüm birbirinin içine akıyor" etkisi verir. Örneğin beyaz bir bölümün üstünde duran koyu bir hero bloğuna alt ayırıcı koyup rengini beyaz seçerseniz, hero'nun alt kenarı beyaz bir dalgayla biter.

Rengi yanlış seçerseniz ayırıcı "yamalı" görünür. Kural basit: ayırıcının rengi = komşu bölümün arka plan rengi.

Editör önizlemesi = canlı site

Editördeki önizleme, gerçek vitrinle aynı kodu kullanır. Yani tuvalde gördüğünüz ayırıcı, yayınladığınızda birebir aynı görünür — sürpriz olmaz.

Adım adım: hero'nun altına dalga koyma

Tema Editörü → ana sayfa → hero bloğunu seçin.
Ayırıcılar sekmesi → Alt alt sekmesi.
Şekil = Dalga.
Renk = bir alttaki bölümün arka plan rengi (ör. beyaz).
Yükseklik = 80-100 px arası bir değer deneyin.
Beğenmediyseniz Yatay çevir'i açıp dalgayı ters yöne bakacak şekilde deneyin.
Kaydet → Yayınla.

Sık sorulanlar

Ayırıcı görünmüyor. Rengi, bloğun kendi arka planıyla aynı seçmiş olabilirsiniz — o zaman şekil görünmez. Rengi komşu bölümün rengiyle değiştirin.

Ayırıcı içeriğin üzerine biniyor. Katman ayarını Bloğun arkasında yapın ya da bloğun alt/üst iç boşluğunu (padding) artırın.

Mobilde çok büyük görünüyor. Yükseklik mobilde otomatik küçülür; yine de büyükse mobil görünümdeyken daha küçük bir değer verin (cihaz bazlı ayar, bkz. Cihaz Bazlı Ayarlar (Masaüstü / Tablet / Mobil)).

Header'da bu sekme yok. Doğru — header sabit bir çubuk olduğu için ayırıcı desteklenmez.

Sayfayı yavaşlatır mı? Hayır. Ayırıcılar sayfanın içine gömülü küçük çizimlerdir; ek dosya indirilmez.

Aynı anda hem üst hem alt ayırıcı koyabilir miyim? Evet. Üst ve Alt sekmeleri birbirinden bağımsızdır; farklı şekil, renk ve yükseklik verebilirsiniz.