Web sayfalarının tasarımı genellikle ziyaretçilerin ilgisini çeken yaratıcı unsurlarla zenginleştirilir. Bu için harika bir araç Elementor'daki animasyonlu başlık. Bu özellik belirli kelimeleri veya bölümleri vurgulamanıza olanak tanır, böylece içeriğiniz daha canlı ve çekici hale gelir. Bu kılavuzda, Elementor ile nasıl bir animasyonlu başlık ekleyeceğinizi ve özelleştireceğinizi öğreneceksiniz.
En Önemli Bulgular
- Animasyonlu başlık, metin vurguları, dönüşümler ve animasyonlar dahil olmak üzere farklı stil seçenekleri sunar.
- Hem animasyonlu metni hem de ilişkili başlığı özelleştirebilirsiniz.
- Başlığın etkisi, "Yazma", "Çevirme" veya "Bırakma" gibi farklı animasyon türleriyle güçlendirilebilir.
Adım adım animasyonlu başlık oluşturma kılavuzu
Adım 1: Elementor Düzenleyicisine Erişim
WordPress yönetici alanınızı başlatın ve animasyonlu başlığı eklemek istediğiniz sayfaya veya yazıya gidin. Elementor Düzenleyiciyi açmak için 'Elementor ile Düzenle' öğesine tıklayın.
Adım 2: Animasyonlu Başlık Widget'ının Seçimi
Elementor'un sol kenar çubuğunda "Animasyonlu Başlık" Widget'ını arayın. Sayfanızın istediğiniz bölümüne sürükleyip bırakarak ekleyin.
Adım 3: Statik Metninizi Girin
Widget'ı ekledikten sonra, "Ana Başlık" alanına statik metninizi girin. Bu, animasyonlu metin değişirken sabit kalan metindir. Örneğin "Bu Web Sitesi" yazabilirsiniz.
Adım 4: Animasyonlu Metnin Tanımlanması
"Animasyonlu Metin" bölümüne gidin ve vurgulamak istediğiniz kelimeleri veya bölümleri ekleyin. Bunlar, "harika", "başlangıçlar için harika", "acemiler" ve "birinci tercihiniz" gibi kelimeler olabilir.
Adım 5: Stilin Özelleştirilmesi
"Stil" sekmesi altında başlığın ve animasyonlu metnin tasarımını yapabilirsiniz. Metin rengini ve arka plan şeklini burada ayarlayabilirsiniz. Popüler bir seçenek metne kırmızı bir arka plan vermek olsa da, siyah veya yeşili seçebilirsiniz.
Adım 6: Animasyon Efektinin Etkinleştirilmesi
"Animasyon Efektleri" bölümünde animasyonun nasıl olmasını istediğinizi belirleyebilirsiniz. Animasyonlu metnin sürekli tekrarlanması için bir "Sonsuz Döngü" istiyor musunuz? Bu durumu sağlamak için animasyonun süresi ve gecikme değerlerini ayarlayın.
Adım 7: Animasyon Türünün Seçimi
Açılır menüden istediğiniz animasyon türünü seçin. Mevcut efektler arasında "Yazma", "Çevirme" veya "Bırakma" bulunmaktadır. "Bırakma" efekti özellikle çekici olsa da, "Yazma" efektinin de kendi cazibesi vardır.
Adım 8: Önizleme ve Özelleştirmeler
Canlı web sitesi görünümünde animasyonlu başlığın nasıl göründüğünü görmek için önizleme işlevini kullanın. Metin boyutunu veya boşlukları değiştirerek düzeni optimize etmek için ayarlamalar yapabilirsiniz.
Adım 9: Yayınlamadan Önce Son Özelleştirmeler
Sayfayı kaydetmeden önce tüm ayarları tekrar kontrol edin. Yazı tipleri ve renklerin web sitesinin geri kalanıyla uyumlu olduğundan emin olun. Her şey iyi görünüyorsa, değişiklikleri canlı olarak yayınlamak için "Yayınlamak" düğmesine tıklayın.
Özet
Bu kılavuzla, Elementor'da bir animasyonlu başlık oluşturarak temel adımları tamamladınız. Web sitenize dinamik bir hava katmak ve ziyaretçilerin ilgisini çekmek için özellikleri ve özelleştirme seçeneklerini kullanabilirsiniz.
Sık Sorulan Sorular
Animasyonlu metnin rengini nasıl değiştirebilirim?Renk ayarlarını ilgili metin alanındaki "Stil" sekmesinden yapabilirsiniz.
Animasyon düzgün çalışmıyorsa ne yapmalıyım?Tüm ayarlar doğru bir şekilde alındığından emin olun ve değişiklikleri görmek için önizlemeyi test edin.
Bir sayfada birden fazla animasyonlu başlık kullanmak mümkün mü?Evet, istediğiniz kadar animasyonlu başlık ekleyebilirsiniz, ancak okunurluğa dikkat edin.
Animasyonlar için kısıtlamalar var mı?Birçok animasyon seçeneği bulunmakla birlikte, bazıları belirli cihazlarda veya tarayıcılarda en iyi şekilde görüntülenemeyebilir.
