Wix Yardım Merkezi
    Ana Sayfa
  1. Sitenizi Oluşturma
  2. Editor X
  3. Editor X Sitesine Öge Ekleme
    4. Editor X: Düğme Ekleme ve Özelleştirme

Editor X: Düğme Ekleme ve Özelleştirme

8 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)
Düğmeler, ziyaretçileri istediğiniz eylemleri gerçekleştirmeye teşvik etmenin harika bir yoludur. Editor X'te bir metin, bir simge veya gerekirse ikisini birden gösteren düğmeler ekleyebilirsiniz. Tasarım ve düzen üzerinde tam kontrole sahipsiniz, böylece tam aradığınız görünümü oluşturabilirsiniz. 
Bu makalede şunların nasıl yapılacağını öğrenin:

Düğme Ekleme

Yeni bir düğme eklerken iki kategori arasından bir tasarım saçabilirsiniz: 
  • Temel Düğmeler: Bu düğmeler sadece metin gösterir ve daha "minimal" bir görünüme sahiptir.
  • Tasarımlı Düğmeler: Bu düğmeler hem metin hem simgeler gösterebilir ve daha gelişmiş özelleştirme seçenekleri sunar (ör. görüntülü arka planlar, renk gradyanları ve dahası).

Bir düğme eklemek için:

  1. Editor X'in sol üst köşesindeki Ekle  seçeneğine tıklayın.
  2. Düğme seçeneğine tıklayın.
  3. Tasarımlarda gezinin ve bir Temel Düğme veya Tasarımlı Düğme'yi sayfanıza sürükleyin.
Biraz ilham mı gerekiyor?
Bu düğme eğitimlerine göz atın:

Temel Düğmeleri Özelleştirme

Sitenize temel düğme ekledikten sonra, metnini ihtiyaçlarınıza göre değiştirin ve nereye bağlantı vereceğini seçin. Bunlar ayarlandıktan sonra tasarımı özelleştirmeye başlayabilirsiniz: Farklı bir dolgu rengi seçin, gölge ekleyin, boşluk ve metin biçimlendirme gibi diğer ayarları yapın.
Temel düğmelerin nasıl özelleştirileceğini öğrenmek için aşağıdakilere tıklayın:

Tasarımlı Düğmeleri Özelleştirme

Tasarımlı düğmeler tonlarca özelleştirme seçeneği sunar, böylece en ince ayrıntısına kadar tasarlayabilirsiniz. Metni ve simgeyi istenen eylemle eşleşecek şekilde değiştirin, ikisinin nasıl düzenlenmesi gerektiğini seçin, arka plan olarak bir gradyan veya görüntü ayarlayın ve çok daha fazlasını yapın.
Tasarımlı düğmelerin nasıl özelleştirileceğini öğrenmek için aşağıdakilere tıklayın:

Tasarım Sözlüğü

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 her bir katmanın rengini, boyutunu ve diğer özelliklerini ö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:
  • Geçiş düğmesine tıklayarak gölgeyi etkinleştirin.
  • 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 Boyutu
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ıklayarak 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?

|

Bu makalede

  • Düğme Ekleme
  • Temel Düğmeleri Özelleştirme
  • Tasarımlı Düğmeleri Özelleştirme
  • Tasarım Sözlüğü
  • Metin Biçimlendirme Seçenekleri
  • Simge Tasarım Seçenekleri