Studio Editor: Düğmeler Ekleme ve Özelleştirme

6 dakikalık okuma
Düğmeler, ziyaretçileri bir siteyle etkileşime geçmeye teşvik etmenin harika bir yoludur. Studio Editor'da, metin, bir simge veya her 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.
Studio Editor'da oluşturabileceğiniz birçok düğme tasarımına örnekler
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. Sol çubuktaki Ekle simgesine  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

Temel bir düğme ekledikten sonra, metnini değiştirin ve düğmenin nereye bağlandığını 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 bir düğmeyi özelleştirmek için:

  1. İlgili düğmeyi seçin.
  2. Özelleştirme hedefini seçin:
Denetçi paneli tasarım seçeneklerinin bulunduğu temel bir düğmenin ekran görüntüsü

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.

Bir düğmeyi özelleştirmek için:

  1. İlgili düğmeyi seçin.
  2. Özelleştirme hedefini seçin:
Denetçi paneli tasarım seçeneklerinin bulunduğu bir düğmenin ekran görüntüsü

Bu içerik yardımcı oldu mu?

|