Elementor'da Dikey Bölücü Nasıl Eklenir

Rifat eleman Jun 15, 2022

Bölücü, iki öğeyi ayıran bir çizgiden daha fazlasıdır, ayrıca web sitenizi görsel olarak daha çekici ve ilginç hale getirebilir. Neyse ki, basitçe bir yatay ve dikey bölücü eklemenin tek yolu Elementor kullanmaktır. Yatay bir bölücü istiyorsanız, bir öğreticiye ihtiyacınız yoktur. Bir bölücü pencere aracını pencere aracı panelinden tuval alanınıza sürükleyip bırakmanız yeterlidir ve işte! Yatay bir ayırıcı belirir. Dikey bir ayırıcı eklemeye gelince, işler biraz daha karmaşıklaşıyor.

Bu öğreticide, eklenti kullanmadan Elementor'a nasıl dikey bölücü ekleyeceğinizi göstereceğiz.

Dikey Bölücü Ekleme

Bu eğitim, Elementor Pro'nun tamamlanmasını gerektirir. Ayırıcı widget'ı ile yatay bir ayırıcı eklemek kolaydır. Dikey bölücü oluşturmak için Elementor Pro'ya özel Özel CSS aracına ihtiyacınız olacak. Sanırım artık başlayabiliriz!

Elementor düzenleyicisini açın. Yeni bir bölüme üç sütun ekleyin. "Bölümü Düzenle"yi, ardından "Dikey Hizala"yı tıklayın ve "Orta" olarak ayarlayın. Bir sonraki adım, widget'ları tuval üzerine yerleştirmektir. İlk sütunda Metin Düzenleyici, ikinci sütunda Bölücü ve üçüncü sütunda yine Metin Düzenleyici.

Harika Web Siteleri Oluşturun

En iyi ücretsiz sayfa oluşturucu Elementor ile

Şimdi başla

Bu, birlikte çalışacağımız ayırıcıdır. Ancak, gördüğünüz gibi, hala yatay.

Daha fazla özelleştirme için, Divider widget'ınızın ayarlar sayfasındaki Gelişmiş açılır menüsünden Özel CSS'yi seçin. Aşağıdaki CSS kodunu kopyalayıp alana yapıştırın.

selector{
    transform: rotate(90deg);
}

Bu şekilde bölücü konumunda bir değişiklik fark edeceksiniz.

Dikey olarak, bölücünüz şimdi yerinde. Ardından, dikey bölücü ile oynayabileceksiniz. Ayırıcının stilini, genişliğini, rengini, ağırlığını ve diğer parametrelerini değiştirmek için İçerik ve Stil sekmelerini kullanın. İsterseniz sütun genişliklerini değiştirebilirsiniz.

Bazı basit ayarlamalarla ayırıcı mükemmel bir şekilde ortaya yerleştirilmiştir.

Nihai Karar

Elementor ile kolayca dikey bölücü ekleyebilirsiniz. Bu makale, herhangi bir eklentinin yardımı olmadan dikey bölücü eklemenin en kolay yolunu gösterir. Elementor Pro'nuz yoksa, bununla tasarım yapma fırsatı çok büyük olduğundan Pro sürümünü kullanmanızı şiddetle tavsiye ederiz.

Divi WordPress Theme