Studio Editor: Kaydırma Animasyonu Ekleme
5 dk.
Bu makalede
- Kaydırma animasyonu ekleme
- Kaydırma animasyonunu özelleştirme
- Kaydırma animasyonunu kaldırma
- Kaydırma animasyonlarıyla ilgili sorunları giderme
- Kaydırma efekti çok geç görünüyor
- (Yalnızca mobil) Kaydırma efekti yatay modda görünmüyor
Tarama deneyimini daha ilgi çekici ve akılda kalıcı hale getirmek için kaydırma animasyonları ekleyin. Animasyonun ilerlemesi, ziyaretçiler yukarı ve aşağı kaydırdıkça bir ögeyi ortaya çıkararak veya dönüştürerek kaydırma konumuna doğrudan bağlıdır.
İpucu:
Animasyon ve etkileşim ekleme hakkında daha fazla bilgi edinmek için Wix Studio Academisi kursumuza göz atın.
Kaydırma animasyonu ekleme
Yeni bir kaydırma animasyonu eklemek için öncelikle tetikleyici ögeyi seçin. Seçtiğiniz animasyon ziyaretçilerin sayfayı kaydırırken bu ögeyi geçmesiyle birlikte başlar. Ardından animasyonun hangi ögeye ekleneceğine karar verin ve bir animasyon türü (ör. Büyü, Küçült) seçin.
Kaydırma animasyonu eklemek için:
- İlgili ögeyi seçin.
- Editörün sağ üst köşesindeki Denetçiyi Aç simgesine
tıklayın.
- Animasyonlar ve Efektler sekmesine
tıklayın. - Kaydırın altındaki + Ekle'ye tıklayın.
- Animasyonu ayarlayın:
- Animasyon ögesi'nin altından animasyonu hangi ögenin göstereceğini seçin.
- Animasyon türü altından animasyonun öge konumundan içe doğru mu yoksa dışa doğru mu hareket edeceğine karar verin:
- İçe: Animasyonun bitiş noktası tuval üzerindeki geçerli tasarımdır (ör. siz sayfayı aşağı kaydırdıkça öge görünür hale gelir).
- Dışa: Animasyonun başlangıç noktası tuval üzerindeki geçerli tasarımdır (ör. siz sayfayı aşağı kaydırdıkça öge solarak kaybolur).
- Listeden bir animasyon seçin.
İpucu: Animasyonların üzerine gelerek önizlemelerini görebilirsiniz.
Notlar:
- Ziyaretçinin görüntü alanına bağlı olarak her zaman aynı konumda kaldığı için sabitlenmiş bir ögeyi tetikleyici olarak kullanmak mümkün değildir.
- Kaydırma animasyonunun düzgün görünmesi için sayfada yeterli alanın bulunduğundan emin olun. Örneğin, ögeniz sayfanın ilk veya son kat (fold) bölgesinde yer alıyorsa kaydırma animasyonunu göremeyebilirsiniz.
Yatay kaydırma mı arıyorsunuz?
Denetçi'deki seçenekler dikey kaydırma için geçerli olsa da çarpıcı bir yatay kaydırma efekti oluşturmak için Wix Academy eğitimimizi takip edebilirsiniz
Kaydırma animasyonunu özelleştirme
Bir animasyon seçtikten sonra istediğiniz gibi davranacak şekilde ayarlayın. Mevcut ayarlar, seçtiğiniz belirli animasyona bağlıdır.
Kaydırma animasyonunu özelleştirmek için:
- İlgili ögeyi seçin.
- Editörün sağ üst köşesindeki Denetçiyi Aç simgesine tıklayın.
- Animasyonlar ve Efektler sekmesine tıklayın.
- Değiştirmek istediğiniz kaydırma animasyonuna tıklayın.
- Animasyon ayarlarını değiştirmek için Animasyon Ayarla'ya tıklayın:
- Yön: Animasyonun gelmesi gereken yönü seçin (ör. soldan, yukarıdan).
- Ölçek: Bu animasyondaki ögenin hedef boyutunu ayarlayın. Örneğin %80, ögenin animasyonda %20 küçüldüğü anlamına gelir.
- Mesafe: Ögenin bu animasyonda ne kadar hareket edebileceğine karar verin.
- Animasyon alanı: Animasyonun kaydırılırken hangi noktada başlayıp biteceğine karar verin. %0 ekranın alt kısmı ve %100 üst kısmıdır. Örneğin, alanı %0 - %50 olarak ayarlarsanız, öge ekranın en altındayken animasyon başlar ve ekranın ortasına ulaştığında durur.
İpucu:
Oluşturduğunuz animasyonu doğrudan tuvalde görmek için Önizleme için kaydır geçiş düğmesini etkinleştirin.
Kaydırma animasyonunu kaldırma
Kaydırma animasyonunu istediğiniz zaman Denetçi panelinden kaldırabilirsiniz.
Kaydırma animasyonunu kaldırmak için:
- İlgili ögeyi veya bölümü seçin.
- Editörün sağ üst köşesindeki Denetçiyi Aç simgesine tıklayın.
- Animasyonlar ve Efektler sekmesine tıklayın.
- Animasyonun üzerine gelin ve Diğer Eylemler simgesine
tıklayın. - Kaldır'a tıklayın.
Kaydırma animasyonlarıyla ilgili sorunları giderme
Kaydırma efekti çok geç görünüyor
Kaydırma animasyonunuz çok geç başlıyor veya beklendiği gibi davranmıyorsa, Animasyon türünü (Giriş veya Çıkış) ve Animasyon Alanı ayarlarını düzenleyerek sorunu düzeltebilirsiniz.
Gecikmeye neyin neden olduğunu ve nasıl düzelteceğinizi öğrenmek için eğitim videosunu izleyin.
(Yalnızca mobil) Kaydırma efekti yatay modda görünmüyor
Müşterinizin sitesini mobil cihazlardan görüntüleyen ziyaretçilerin gezinme sırasında ekranlarını döndürmeleri durumunda kaydırma animasyonu çalışmayabilir. Başka bir deyişle, sayfayı kaydırırken telefonlarını yatay konuma (manzara moduna) alırlarsa, kaydırma animasyonu görünmez.
Bu sorunu gidermek için ziyaretçiler yatay moddayken sayfayı yenileyebilirler. Bu işlem animasyonu "yeniden başlatır".