Bu makale, devam eden Kaydırıcı Devrimi eğitim serimizin bir parçasıdır. Bu dizideki tüm makaleleri Kapsamlı Kaydırıcı Devrim Kılavuzumuzda bulabilirsiniz.
Slider Revolution, stil açısından çok fazla yaratıcılık ve çok yönlülük sağlar. Minimalist, yumuşatılmış kaydırıcılar veya çok katmanlı yoğun kaydırıcılar oluşturabilirsiniz. İkinci tip genellikle daha ilginç ve dinamiktir. Fakat gerçekten iyi görüntülerden oluşan ancak ek katman içermeyen bir kaydırıcınız varsa, onu yine de patlatabilirsiniz. İşte tam da burada slayt geçişleri devreye giriyor.
Slayt Geçişleri Hakkında
Slider Revolution’da (bu bölümde bazı mükemmel seçeneklere sahiptir) slayt geçişleri, arka plan görüntülerinden ve birkaç (veya hiç) ek katmandan oluşan slaytları canlandırmak için kullanılır. Slayt geçişi, aslında, bir sonraki slayta yer açmak için bir slayt hareket ettiğinde ortaya çıkan efekttir.
Bu geçişler, kaydırıcılarınızın ritmini ve hissini tanımlamanıza yardımcı olabilir, çünkü bunlar yavaş ve ince veya hızlı ve cesur olabilir.
Slider Revolution slayt geçişlerini nasıl ayarlayabileceğinize hızlıca bir göz atalım.
İlk Slayt Geçişi
Kaydırıcı Devrimi, bize gelen ilk slayt için ayrı bir geçiş ve sonraki slaytlar için farklı geçişler seçme seçeneği sunar. Bu durum ilk slaydı bir tür giriş olarak ayırmaya yardımcı olur. Arka plan resimleriniz için “sağdan sola” bir slayt hareketi seçerseniz, ilk slaydınızın farklı bir geçiş yönü olmalıdır. İlk slayt için aynı ayarı bırakırsanız, ilk arka plan resminiz yandan kaymadan önce boş bir sayfanız olur. Bu yüzden ilk slayt geçişi için her zaman basit bir Fade In animasyonu kullanılması önerilir. Bu seçeneği ayarlamak için Modül Genel Seçenekleri > Genel > İlk Slayt’a gidin ve Diff Anim’i Açık olarak ayarlayın.
Bu örnekte, Geçiş Türü, Geçiş Süresi ve Geçiş Yuvası Miktarı için varsayılan değerlerini bırakarak Yvette WordPress temamızdan Passepartout Slider ana sayfasını kullandık. Elbette bunları web sitenizin stiline uyacak şekilde değiştirebilirsiniz. İlk slayt görüntünüz için uzun yükleme süresinden kaçınmak için geçiş süresi için çok yüksek değerler ayarlamayın.
Tek Slayt Geçişi
İlk slaydınızı hallettikten sonra, kaydırıcınızın her bir arka plan görüntüsü için Tek Slayt Animasyonları yapabilirsiniz. İlk slayt için ayarladığınız, slayt ikinci kez göründüğünde görünecektir (tabii ki, ilk slayt geçişi için farklı bir animasyon türü seçtiyseniz).
Tüm slaytlar için aynı animasyonla gidebilir veya her biri için farklı bir tür ayarlayabilirsiniz. Farklı geçiş animasyonlarını açmak için Slayt Seçenekleri > Animasyon > Slayt Animasyonu’na gidin ve büyük mavi düğmeye tıklayın.
Çeşitli geçiş türleri mevcuttur ve tercih ettiğiniz türü seçebilir ve ek açılır menüden animasyonu seçebilirsiniz.
Tüm slaytlar için aynı animasyonları kullanmaya karar verdik ve bunu kullandık. Yazım için Slide Over’ı seçtik ve görünüm için Slide Over To Sola’yı seçtik. Diğer varsayılan seçenekleri uygun görünüyordu, bu yüzden onları olduğu gibi bıraktık. Slide Over, bir sonraki görüntünüzün her zaman bir öncekinin üzerine kayacağı anlamına gelir ve bizim durumumuzda sağdan sola görünecektir.
Ve işte geçiş için ek ayarlar. Hızını ve hareket hızlarını değiştirebilirsiniz.
Her şeyi ayarladıktan sonra, geçişlerimiz şöyle görünür:
Konunun Özeti
Slayt geçişleri, her kaydırıcının önemli bir öğesini temsil eder, bu nedenle bunları iyice düşünmeniz ve web sitenizin stiline ve atmosferine uyacak şekilde ayarlamanız önemle tavsiye edilir. Bu yazıda da gördüğümüz gibi, uyulması gereken bazı uygulamalar var. Örneğin ilk slaytınız diğerlerinden farklı bir geçiş efektine sahip olmalı ve geçiş süresi çok uzun olmamalıdır. Slider Revolution, bu efekti özelleştirmek için tonlarca seçenek sunar ve mükemmel sonucu elde edene kadar bunları biraz denemenizi öneririz.
Herhangi bir nedenle Slider Revolution’ı kullanmak istemiyorsanız, WordPress Addons for Elementor eklentisi gibi bazı mükemmel alternatifler var. Bu çok yönlü widget koleksiyonu, Divided Slider Diverge, Animated Device Slider veya Divided Slider Reveal gibi ilginç geçiş efektleriyle birlikte gelen birkaç kaydırıcı widget içerir.