Çoğunlukla kendinizi harekete geçirici mesajlar içeren sayfalar oluştururken bulacaksınız. Harekete geçirici mesajların ana özelliklerinden biri düğmelerdir. Varsayılan olarak Divi, her düğme için ortak bir stil sunar. Bu nedenle onlara markanızın stiline önerilen bir stil vermek istemeniz oldukça normaldir.

Bu tutriel Divi'de, web sitenizin düğmelerine nasıl benzersiz bir stil verileceğini göstereceğim.

Divi düğmeleri sonsuz derecede özelleştirilebilir

Tema Özelleştirici, yararlı bulabileceğiniz her düğme özelleştirme seçeneğiyle donatılmıştır. Bu özelleştirilebilir kontrolleri kullanarak, benzersiz ve çarpıcı düğmeler oluşturabilirsiniz. Site Web.

Bilgisayarınızdaki düğmeleri özelleştirmeye başlamak için Site Web, önce şu Özelleştiriciye erişmeniz gerekir: temalar linke tıklayarak Divi> Tema Özelleştirici WordPress kontrol panelinizde. Ardından düğme ayarlarını görüntülemek için "Düğmeler" paneline tıklayın. Düğme ayarları iki bölüme ayrılmıştır: Düğme Stilleri ve Düğme Rollover Stilleri.

sboutons kişiselleştirilmesi divi.png

Düğme tarzı

Burada, çeşitli Özelleştirici kontrollerini kullanarak düğmelerinizin genel görünümünü ayarlayabilirsiniz. Düğmelerinizin metin ve arka plan rengini değiştirebilir, düğmenin yazı tipi boyutunu ve stilini ayarlayabilir ve hatta Kenar-Yarıçap kaydırıcısını kullanarak yuvarlak düğmeler oluşturabilirsiniz. Ek olarak, düğmelerde kullanılan varsayılan yazı tipini ve simgeyi değiştirebilirsiniz.

buttons.png özelleştiriliyor

Sabit uçuş tarzı

Düğmenin üzerine gelme stilini de ayarlayabilirsiniz. Normal düğme stilinden farklı bir fareyle üzerine gelme stili yaptığınızda, efekt gezinirken aktarılarak güzel bir animasyon oluşturulur. Bu animasyon şu durumlarda tetiklenir: ziyaretçi fareleriyle düğmenin üzerine gelin.

overflight.png adresindeki düğme yapılandırması

Hepsi bu eğitim için, umarım Divi'deki düğmeleri özelleştirmenize izin verir.