Elementor Kullanarak WordPress'te Gradyan Metni Nasıl Oluşturulur

Muneeb WordPress Eğiticileri Nov 8, 2021

WordPress sitenizde degrade metinler oluşturmak yalnızca daha estetik görünmesini sağlamakla kalmaz, aynı zamanda web sitenizi çok daha tema tabanlı hale getirmenize olanak tanır. Özellikle moda ve çocuk web siteleri için web sitenize cazibe ve renk katmanızı sağlar.

Elementor ile sınırsız özelleştirme seçenekleri elde edersiniz ve bunlardan biri web sitesindeki metinleriniz için degrade efekti oluşturmaktır. Bu eğitimde, Elementor Kullanarak WordPress'te Gradyan Metni Nasıl Oluşturulacağını anlayacağız.

Elementor ile Gradyan Metni Nasıl Oluşturulur

Degrade metin, web sitenizin daha süslü ve göze hoş görünmesini sağlar.

Başlamak için, widget'lar için bir iç bölüm oluşturun.

Harika Web Siteleri Oluşturun

En iyi ücretsiz sayfa oluşturucu Elementor ile

Şimdi başla

Ardından, bir başlık veya metin bloğu ekleyin ve degradeyi uygulamak istediğiniz metni yazın. Bu eğitim için başlık bloğunu kullanacağız.

Elementor panelinden ve Özel CSS panelinden gelişmiş sekmeye gidin.

Ardından degradeyi uygulamak için Özel CSS alanına aşağıda verilen kodu ekleyin.

selector h2 {
    background-image: linear-gradient(to right,#463f64,#463f64, #e2285c, #e2285c);
    -webkit-background-clip: text;
    display: inline-block;
    padding: 14px;
    -webkit-text-fill-color: #00000000;
    font-family: 'Stay Out Regular';
}

Başlangıçta bahsedilen "h2" , şu anda kullandığımız widget içindir. Başka bir widget kullanıyorsanız bunu değiştirmek önemlidir.

Tüm ayarları tamamladıktan sonra, nasıl göründüğünü görmek için Yayınla ve ardından gerekirse değişiklikleri yapın.

Elementor ile WordPress web sitenizde degrade metni bu şekilde oluşturursunuz. Gönderilerimizden haberdar olmak için bizi Facebook  ve Twitter'da takip ettiğinizden emin olun.

Divi WordPress Theme