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

4 dakikalık okuma
Animasyonları kullanarak sitenize canlılık kazandırın. Hareketli ve etkileyici sayfalar oluşturmak ve ziyaretçilerin dikkatini içeriğinize çekmek için "Kay-Gel" ve "Büyü-Gel" gibi efektler ekleyin.
Ç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:


Ö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.
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.
    • Sadece ilk kez animasyon: Animasyonun sadece sayfa ilk yüklendiğinde oynatılmasını istiyorsanız geçiş düğmesini etkinleştirin.
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.
Önemli:
  • Üst bilgideki ögelere eklenen animasyonlar yalnızca öge ilk yüklendiğinde gösterilir.
  • 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?

|