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.
Paralaks, web sitenizin görsel içeriğine derinlik ve dinamiklik etkisi katan popüler bir efekttir. Entegre paralaks efektlerine sahip birçok harika premium WordPress teması vardır ve muhtemelen bu etkiyi web’de binlerce kez görmüşsünüzdür. Ama nasıl yapıldığını merak etmiş olabilirsiniz. Bugün Slider Revolution kaydırıcılarında paralaks efektini kullanmaktan bahsedeceğiz.
Paralaks nedir?
Paralaks, kabaca arka plandaki öğelerle ön plandaki öğelerin kullanıcı kaydırdığında farklı hızlarda hareket ederek bir derinlik yanılsaması yarattığı bir efekt olarak tanımlanabilir. Özellikle, arka plandaki öğeler daha yavaş hareket edecek şekilde ayarlanmıştır. Aşağıda Aoki temamızdan bir paralaks örneği görebilirsiniz.
Bu efekti elde etmenin farklı yolları vardır ve Slider Revolution ile zaten çalışıyorsanız, bu eklentinin paralaks oluşturmak için gerekli işlevleri bir araya getirdiğini duymaktan memnun olacaksınız.
Kaydırıcı Devriminde Paralaks Nasıl Etkinleştirilir
İlk önce – Slider Revolution’a gidin ve paralaksı açın. Modül Genel Seçenekleri > Kaydırmada > Kaydırmaya Dayalı Özellikler > Paralaks’a gidin ve Paralaks Etkin anahtarını Açık konumuna getirin.
Eklenti, sizin için uygun olanı seçebilmeniz için bir dizi farklı derinlik değeri sunar. Aradığınız değer burada yoksa aşağıda gösterildiği gibi kendinizinkini girebilirsiniz.
Arka Plan Görüntülerine Paralaks Nasıl Eklenir?
Arka plan resminize paralaks efekti eklemek için Slayt Seçenekleri > Kaydırmada > Paralaks ve 3B Ayarları’na gidin ve açılır menüden tercih ettiğiniz derinliği seçin.
Derinliği seçmek söz konusu olduğunda, altın bir kural yoktur. Sayfanızda nasıl çalıştıklarını görmek için farklı değerler denemenizi öneririz. Farklı derinlikler farklı efektler yaratacaktır, bu yüzden sayfanız için mükemmel efekti bulana kadar hepsini deneyin. Denemek istemiyorsanız, ortadakiler her zaman güvenli bir seçimdir.
Arka plan için bu kadar.
Katmanlara Paralaks Nasıl Eklenir?
Kaydırıcı Devrimi paralaks efekti yalnızca arka plan resimleri için ayrılmamıştır. Kaydırıcınızın içindeki tek tek katmanlar için de kullanabilirsiniz. Bu efektle, kullanıcılarınıza farelerini hareket ettirerek kaydırıcınızın bölümlerini kontrol ettikleri yanılsamasını verebilirsiniz. Bu gerçekten harika bir efekt ve kurulumu çok kolay.
Katmanınızı seçin, Katman Seçenekleri > Kaydırıldığında > Paralaks ve 3B sekmesine gidin ve istediğiniz derinlik seviyesini seçin.
Ve gerçekten de hepsi bu kadar. Sonuç, fare hareket ettikçe etkinleşen paralakslı katman olacaktır.
Konu Özeti
Gördüğümüz gibi, ister bireysel katmanlardan ister arka plan resimlerinden bahsediyor olalım, Slider Revolution paralaks efektini eklemek son derece basittir. Yine de, her kaydırıcının paralaksa ihtiyacı olmadığını unutmayın. Çok fazla animasyon içeren çok dinamik kaydırıcılar, sonuç çok meşgul veya hareketle karışık hale gelebileceğinden, muhtemelen bu efekt olmadan daha iyi sonuç verecektir. Basit kaydırıcılar için paralaks, sayfanızı renklendirmek için ihtiyacınız olan şey olabilir.