Wix Editör: Animasyon Ekleme ve Özelleştirme

4 dakikalık okuma
Animasyonları kullanarak sitenize canlılık kazandırın. Yaratıcı, çarpıcı sayfalar oluşturmak için "İçe Kayan" ve "Genişlet" gibi efektler ekleyin. Animasyonlarınızı bir kez, döngü halinde veya siteniz kaydırıldığında gösterilecek şekilde ayarlayarak ziyaretçilerin dikkatini içeriğinize çekin.
Çeşitli ögelere animasyonlar ekleyebilir, hatta aynı ögeye masaüstü ve mobil sitelerinizde farklı efektler uygulayabilirsiniz. Daha küçük ekranlara sığacak şekilde ayarlanan mobil site animasyonlarıyla ziyaretçilerinizi şaşırtmaya devam edin. Mobil sitenizdeki animasyon efektleri hakkında daha fazla bilgi edinin
Bu makalede öğrenecekleriniz:

Site kaydırılırken farklı görüntü animasyonları gösteren bir gif.

Ögelere animasyon ekleme

Ögelerinize animasyonlar ekleyerek sitenizi hareketli ve ilgi çekici hale getirin. Her animasyon kendine özgü bir görsel etki yaratır. Farklı ögelerde farklı animasyonlar kullanarak ziyaretçilerinizin akıllarına kazınacak bir izlenim yaratabilirsiniz.

Bir animasyon eklemek için:

  1. Editör'de ilgili ögeye tıklayın.
  2. Animasyon simgesine  tıklayın.
  3. Mevcut seçeneklerden bir animasyon seçin.
    • Giriş: Seçilen öge ekranda göründüğünde animasyon bir kez oynatılır.
    • Döngü: Animasyon sürekli olarak döngüde oynatılır.
    • Kaydır: Öge görünüme kaydırıldığında animasyon oynatılır. 
Döngüde gösterilebilen bir dizi farklı animasyonu gösteren bir gif.
Not:
Ögeye eklediğiniz animasyon efektini kaldırmak için Animasyon simgesine  tıklayın ve Hiçbiri seçeneğini işaretleyin.
İpucu:
Bir öge grubuna animasyon eklemek için ögeleri birlikte seçip Animasyon simgesine tıklayın.

Animasyonları özelleştirme

Bir ögeye eklediğiniz animasyonu özelleştirerek sitenizin havasına uygun şekilde hareket etmesini sağlayabilirsiniz.
Sertlik, yön ve gecikme gibi ayarlarla oynayarak ziyaretçilerinizin ilgisini çekecek bir animasyon yaratın.

Bir animasyonu özelleştirmek için:

  1. Editör'de ilgili ögeye tıklayın.
  2. Animasyon simgesine  tıklayın.
  3. Özelleştir'e tıklayın ve seçenekleri kullanarak animasyonu düzenleyin: 
    • Sertlik: Açılır menüye tıklayın ve animasyonun hangi sertlikte oynatılacağını belirleyin.
    • Yön: Animasyonun saat yönünde veya sağdan gibi hangi yönden sayfaya girdiğini seçin.
    • Mesafe: Efektin başlangıç ve bitiş noktası arasındaki mesafeyi artırmak veya azaltmak için kaydırıcıyı kullanın.
    • Süre:  Animasyonun ne kadar süreceğini belirlemek için kaydırıcıyı sürükleyin.
    • Gecikme: Sayfanın yüklenmesiyle animasyonun başlaması arasındaki gecikmeyi belirlemek için kaydırıcıyı sürükleyin.
    • Animasyon türü: Kaydırma sırasında içeri, dışarı veya sürekli animasyon türü arasından seçim yapın. 
    • Hareket stili: Hareket yoğunluğunu seçin (ör. hafif veya orta).
Kapak animasyonu ayarlarının ekran görüntüsü. Animasyon yönü ve süresi gibi farklı ayarlar gösteriliyor.
Not:
Özelleştirme seçenekleri seçtiğiniz animasyona bağlı olarak değişir.

Mobil sitenizde animasyon ekleme

Masaüstü sitenizin yanı sıra mobil sitenize de animasyonlar ekleyerek ziyaretçilerinize tüm cihazlarda harika görünen bir site deneyimi sunabilirsiniz.
Mobil animasyonlar özellikle daha küçük ekran çözünürlükleri ve boyutları için tasarlandığından, kenar boşlukları konusunda endişelenmenize gerek yoktur. 
Not:
Bir ögeye, sitenizin hem masaüstü hem de mobil sürümlerinde animasyon efekti eklemek istiyorsanız, efekti Editörlerin her ikisinden de eklemeniz gerekir. Masaüstüne eklediğiniz animasyon efektleri, farklı ekran boyutları için optimize edilirler ve mobil sitenize taşınmazlar. 

Mobilde bir animasyon eklemek için:

  1. Mobil Editör görünümüne gidin.
  2. İlgili ögeye tıklayın.
  3. Animasyon simgesine  tıklayın.
  4. Mevcut seçeneklerden bir animasyon seçin.
Mobil editör kullanılırken çeşitli farklı animasyon seçeneklerinin bulunduğu paneli gösteren bir gif.
Önemli:
Bir öge Velo kullanılarak gizleniyor/gösteriliyorsa, öge animasyonları da Velo üzerinden ayarlanmalıdır. Velo ögeleri hakkında daha fazla bilgi edinin
Animasyonunuzla ilgili sorun mu yaşıyorsunuz?
Animasyonların canlı sitenizde beklediğiniz gibi çalıştığından emin olmak için şu adımları takip edin.

Bu içerik yardımcı oldu mu?

|