Editor X: Özel Etkileşim Ekleme | Destek Merkezi

Editor X: Özel Etkileşim Ekleme

5 dakikalık okuma

Editor X platformu, ajanslara ve serbest çalışanlara yönelik yeni platformumuz Wix Studio'ya geçiş yapıyor.Wix Studio hakkında daha fazla bilgi edinin (Yalnızca İngilizce)

Sayfanızdaki ögelere tıklayan/üzerine gelen ziyaretçilere animasyonlu bir kullanıcı deneyimi sunmak için Etkileşimler ekleyin. Etkileşim, onu tetikleyen aynı ögeye veya sayfadaki herhangi bir başka ögeye animasyon ekleyebilir.

Özel etkileşimlerle, animasyonunuzu sıfırdan tasarlarken tamamen özgür olursunuz. Ayrıca, animasyonu gerçekten etkili hale getirmek için animasyonun zamanlamasını kontrol edebilirsiniz.

1. Adım | Bir tetikleyici (tıklama / üzerine gelme) ekleyin

Etkileşimi tetikleyen ögeyi seçerek başlayın. Bu, ziyaretçilerinizin animasyonu görmeden önce üzerine geldiği veya tıkladığı ögedir. Ardından yeni etkileşiminizi eklemek için Denetçi panelindeki Etkileşimler sekmesine gidin.

İpucu:

Bir ögeye birden fazla etkileşim ekleyerek tıklama ve üzerine gelme durumlarında farklı animasyonların tetiklenmesini sağlayabilirsiniz.

Bir tetikleyici eklemek için:

Etkileşimin uygulanacağı ögeye tıklayın.
Editor X'in sağ üst köşesindeki Denetçi simgesine tıklayın.
(Denetçi panelinde) Etkileşimler sekmesine tıklayın.
Üzerinde Gezinme / Tıklama alanındaki + Ekle'ye tıklayın.

Denetçi panelindeki, yeni bir etkileşim ekleyebileceğiniz Etkileşimler sekmesinin ekran görüntüsü

2. Adım | Etkileşiminizi ayarlama

Artık hangi ögeye animasyon ekleneceğini, görünmesi gereken animasyonu ve üzerine gelindiğinde veya tıklandığında gerçekleşecek eylemi (ör. animasyonu uygula, aç/kapat, vb.) seçebilirsiniz.

Etkileşiminizi ayarlamak için:

Üzerine gelindiğinde / Tıklandığında açılır menüsünden bir seçenek belirleyin:
- Animasyon Başlat: Ögeye tıklamak / üzerine gelindiğinde seçilen animasyon tetiklenir.
- Açık/Kapalı: Açma/kapama düğmelerine benzer şekilde, ögeye tıklandığında animasyon tetiklenirken ikinci tıklamada öge kaldırılır.
- Animasyonu Sıfırla: Ögeye tıklandığında / üzerine gelindiğinde daha önce uygulanmış tüm animasyonlar kaldırılır.
Animasyon ögeleri açılır menüsünden bir seçenek belirleyin:
- Ögenin kendi animasyonunu tetiklemesini sağlayın: Ögenin adına tıklayın (yanında (kendisi) ifadesi görünür).
- Sayfada farklı bir ögeye animasyon ekleyin: Açılır menüden bir öge seçin veya sayfadan Tuvalde Seç'e tıklayın.
  İpucu: Bir alt öge seçmek için Cmd / Ctrl tuşuna basılı tutun.
Özel sekmesine tıklayın.
Özel Animasyon Oluştur'a tıklayın.

Denetçi'de Etkileşim Kurulumu'nun ekran görüntüsü ve özel animasyon oluşturmak için tıklandığında

3. Adım | Animasyonu özelleştirme

Şimdi animasyonunuzu sıfırdan oluşturma zamanı. Ögenizin boyutunu (Ölçek), konumunu (Ötele), açısını (Döndür), dolgu rengini ve daha fazlasını değiştirmek için her türlü düzen ve tasarım dönüşümünü ekleyin.

Oluşturduğunuz animasyonu tamamlamak için ögenizin başlangıç durumunu da tasarlayabilirsiniz. Ziyaretçiler ögeyle etkileşime geçmeden önce öge yüklendiğinde böyle görünür. Animasyonun süresini ve hareket kolaylığını ayarlayın.