Studio Editor: Özel Öge Ekleme
2 dakikalık okuma
Müşterinizin sitesini kendi ögelerinizle geliştirin. Özel ögenizi bir sunucu URL'sine veya bir kod dosyasına bağlayarak istediğiniz Javascript bileşenini ekleyebilirsiniz. Gerekirse, doğrudan editör üzerinden daha fazla öznitelik belirleyebilirsiniz.
Bu makalede bilgi edinebileceğiniz konular:
Başlamadan önce:
Müşterinizin sitesinde bağlı bir domain olduğundan ve Wix reklamlarının bulunmadığından emin olun.
Özel ögeler nedir?
Özel ögeler müşterinizin sitesinde kendi HTML etiketlerinizi kullanabilmenizi sağlar. Desteklenen tüm tarayıcılarda çalışan bu ögeler ayrıca HTML 5 uyumlu JavaScript ES6 kitaplıklarıyla veya çerçeveleriyle birlikte kullanılabilirler.
Özel öge gömme sürecinde akılda tutulması gereken bazı gereksinimler vardır:
- JavaScript dosyanızın Velo kullanılarak Wix'te barındırılması (önerilen) veya kendi harici ya da yerel sunucunuzda tutulması gerekir.
- Kodunuz HTTP değil HTTPS içermelidir, aksi takdirde canlı sitenizde gösterilmez.
- Kodunuz güncel ve HTML5 uyumlu olmalıdır. Çoğu tarayıcı JS veya HTML'nin eski sürümleri kullanılarak yazılan sayfaları ve komutları düzgün şekilde göstermez.
- CSS ve diğer JS dosyaları gibi tüm ilgili tasarım ayarları ve karmaşık işlevler ana JS kodu içinde saklanmalıdır. Bu ayarlar ayrı olarak saklanırsa sitenizde çalışmazlar.
İpuçları:
- Üçüncü taraf kaynaklardan gelen özel ögeleri kullanabilirsiniz, ancak bunları sayfanıza eklerken Özellikler altından Etiket Adı bilgisini güncellemeyi unutmayın.
- Özel ögenizin performansı, uygulanma şekline bağlı olarak değişir.
Özel öge ekleme ve ayarlama
Sitenize ihtiyaç duyduğunuz kadar özel öge ekleyin. Özel ögeyi sayfanıza sürükledikten sonra kaynağını (sunucu URL'si veya Velo dosyası) tanımlayın ve sayfa kayıtlarında kolayca ayırt edebilmeniz için bir etiket adı verin.
Özel öge eklemek ve ayarlamak için:
- Editörün sol çubuğundaki Öge Ekle simgesine
tıklayın. - Gömme ve Sosyal Medya'ya tıklayın.
- Özel Öge'ye tıklayın.
- Özel Öge yanındaki Ekle simgesine
dokunun. - Komut dosyanızı ekleyin:
- Sayfaya eklediğiniz özel ögeye tıklayın.
- Kaynak Seç'e tıklayın.
- Özel ögenizi nasıl ekleyeceğinizi belirleyin:
- Sunucu URL'si: Dosya adı dahil olmak üzere dosya URL'sini girin.
- Velo dosyası: Velo dosyalarınızdan birini seçin.
- Ögeniz için bir Etiket adı girin.
Not: Etiket adında kısa çizgiyle ayrılmış iki veya daha fazla kelime bulunmalıdır (ör. hava-durumu-ekranı).
- (İsteğe bağlı) Denetçi panelinde ögenin boyutunu, konumunu ve yuvalanmasını ayarlayın.
Notlar:
- Güvenlik nedenleriyle özel ögeler editördeki bir iFrame içinde ve önizleme modunda oluşturulur. Bu durum bileşenin düzenini etkileyebilir. Canlı sitenizde gidin ve nasıl göründüğüne bakın.
- Ögenizin SEO ayarlarını Velo API kullanarak belirleyebilirsiniz.
Özel ögenin özniteliklerini belirleme
Öznitelikler belirleyerek ögenizin özelliklerinde ve davranışında ince ayar yapın. Öge Özellikleri paneli, mevcut koda erişmek zorunda kalmadan doğrudan editörden öznitelik eklemenize, düzenlemenize ve kaldırmanıza olanak sağlar.
Önemli:
Özel ögenizin kodu tanımlı öznitelikleri algılamalı ve işlemelidir. Aksi takdirde düzgün çalışmaz.
Özel ögenin özniteliklerini belirlemek için:
- Sayfaya eklediğiniz özel ögeye tıklayın.
- Öznitelik Belirle'ye tıklayın.
- Yeni Öznitelik'e tıklayın.
- Öznitelik için bir ad (ör. “rotasyon”, “genişlik”, vb.) girin.
- Öznitelik için değer girin (ilgili herhangi bir komut olabilir).
- Ayarla'ya tıklayın.
Daha detaylı bilgiye mi ihtiyacınız var?
Velo by Wix ile özel ögeleri nasıl kullanacağınızı öğrenin. Belirli sorular ve cevapları için özel ögelerle ilgili SSS bölümüne göz atın.
Bu içerik yardımcı oldu mu?
|