Wix Editör: Düğmelerinizin Tasarımını Özelleştirme

8 dakikalık okuma
Ziyaretçilerinizi etkileşime girmeye teşvik eden, şık, dikkat çekici, sitenizle uyumlu düğmeler oluşturun. 
Başlamak için düğmenizde Tasarım simgesine  tıklayın.

Düğme durumlarını özelleştirme

Sitenizdeki her bir düğmenin durumlarını ayrı ayrı özelleştirebilirsiniz. Bu, ziyaretçilerin sitenizde gezinirken gördükleri çarpıcı efektler oluşturmanıza olanak sağlar.
Örneğin, düğmenizi normalde, üzerine gelindiğinde ve tıklandığında farklı renklerde görünecek şekilde ayarlayarak ziyaretçilerinize düğmenin etkileşim içerdiğini gösterebilirsiniz.
Önemli:
Simge düğmelerindeki 'üzerindeyken' (dokunma) efektleri iOS cihazlarda desteklenmemektedir. Bir başka deyişle, sitenizi bir iOS cihazında görüntüleyen ziyaretçiler düğmeye dokunduklarında 'üzerindeyken' durumunu göremezler.

Düğmenizi tasarlama

Çeşitli özelleştirme seçenekleri mevcuttur. Düğme türüne bağlı olarak arka planın, metnin ve simgenin tasarımını değiştirebilirsiniz. Renkleri, dolguları, köşeleri, gölgeleri ve diğer özellikleri belirleyin.

Ne yapmak istediğinizi seçin:

Diğer düğme türlerini özelleştirme hakkında daha fazla bilgi edinin:

Tasarım sözlüğü

Düğme tasarım seçenekleri

Seçenek
Açıklama
Kullanım şekli
Arka Plan Dolguları
Etkileyici ve canlı efektler oluşturmak için düğmenize renk, gradyan, görüntü ve desen gibi farklı dolgular ekleyin. 
  • Her katman için renk kutusundan bir dolgu türü seçin ve kaydırıcıyı sürükleyerek opaklığı ayarlayın.
  • Dolgu katmanlarını listede yukarı ve aşağı sürükleyerek yeniden sıralayın. 
Kenarlık
Düğmenizi ön plana çıkarmak için kenarlık tasarımını özelleştirin. Kilit açma/kapama simgesine tıklayarak tüm kenarları birlikte veya ayrı ayrı özelleştirebilirsiniz. 
  • Genişlik alanına tıklayarak piksel genişliğini girin veya kaydırıcıyı sürükleyin.
  • Stil açılır menüsüne tıklayın ve kenarlık stilini seçin.
  • Dolgu renk kutusuna tıklayarak kenarlık rengini seçin ve kaydırıcıyı kullanarak opaklığı ayarlayın. 
Köşeler
Düğmenizin köşelerini daha yuvarlak veya daha köşeli hale getirin. Kilit açma/kapama simgesine tıklayarak tüm köşeleri birlikte veya ayrı ayrı özelleştirebilirsiniz. 
Köşelerdeki piksel alanlarına tıklayın ve uygulamak istediğiniz piksel değerlerini girin.
Gölgeler
Düğmenize gölge katmanları ekleyin ve rengini, boyutunu ve daha fazlasını özelleştirin.
  • Her gölge katmanı için kaydırıcıları kullanarak açı, mesafe, boyut ve bulanıklık ayarlarını yapın. Ardından, opaklık ve renk ayarlarını özelleştirmek için ilgili kaydırıcıyı ve renk kutusunu kullanın.
  • Gölge katmanlarını listede yukarı ve aşağı sürükleyerek yeniden sıralayın. 
Bir yükleme düğmesi kullanıyorsanız:
  • Gölgeleri etkinleştirmek için geçiş düğmesine tıklayın.
  • Kaydırıcıları kullanarak açı, mesafe, boyut ve bulanıklık ayarlarını yapın. Ardından, opaklık ve renk ayarlarını özelleştirmek için kaydırıcıyı ve renk kutusunu kullanın.
Düzen

Düğme düzenini değiştirin.
  • Neyin gösterileceğini seçin açılır menüsüne tıklayarak metin ve simge, sadece metin ve sadece simge gösterme seçenekleri arasından seçim yapın.
  • Metnin ve/veya simgenin hizalamasını ayarlayın. (Metin ve simge birlikte gösteriliyorsa) metin ve simge arasındaki boşluğu ve birbirlerine göre konumlarını özelleştirin.
  • Metnin ve/veya simgenin kenar boşluklarını ayarlayın.

Metin biçimlendirme seçenekleri

Seçenek
Açıklama
Kullanım şekli
Metni Göster
Düğme metnini gösterin veya gizleyin.
Düğme metnini göstermek veya gizlemek için geçiş düğmesine tıklayın.
Tema
Düğme metniniz için bir tema belirleyin.
Açılır menüden bir metin teması seçin.
Yazı Tipleri
Düğme metninin yazı tipini seçin.
Açılır menüye tıklayın ve bir yazı tipi seçin.
Yazı Tipi Boyutı
Düğme metninin boyutunu değiştirin.
Yazı tipi boyutunu artırmak veya azaltmak için kaydırıcıyı sürükleyin veya bir değer girin.
Metin Biçimlendirme
Metninize biçimlendirme uygulayın. 
  • Kalın, italik, altı çizili, üstü çizili, renkler, büyük harf kullanımı, metin yönü ve metin hizalaması seçeneklerini kullanarak metninizi biçimlendirin.
Karakter Aralığı
Metin karakterleri arasındaki boşluğu değiştirin.
Boşluğu artırmak veya azaltmak için kaydırıcıyı sürükleyin veya bir değer girin.
Gölgeler
Metninize gölge ekleyin. Birden fazla gölge katmanı oluşturabilirsiniz.
Yeni bir gölge eklemek için Gölge Ekle'ye tıklayın. Gölge ayarlarını düzenlemek için Gölgeyi Özelleştir kutusuna tıklayın.

Simge tasarımı seçenekleri

Seçenek
Açıklama
Kullanım şekli
Simgeyi göster
Düğme simgesini gösterin veya gizleyin.
Düğme simgesini göstermek veya gizlemek için geçiş düğmesine tıklayın.
Boyut
Simgenin boyutunu değiştirin.
Simgenizi büyütmek veya küçültmek için kaydırıcıyı sürükleyin veya bir değer girin.
Renk
Simgenin rengini değiştirin.
Renk kutusuna tıklayın ve bir renk seçin.
Rotasyon
Simgenin duruş açısını ayarlayın.
Simgenin duruş açısını özelleştirmek için tutamacı sürükleyin veya açı kutusuna bir değer girin.

Bu içerik yardımcı oldu mu?

|