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.
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 içerebilir ve daha "minimal" bir görünüme sahiptir.
- Tasarımlı Düğmeler: Bu düğmeler hem metin hem de simge içerebilir ve daha gelişmiş özelleştirme seçenekleri (ör. görüntülü arka planlar, renk gradyanları, vb.) sunar.
Bir düğme eklemek için:
- Editörün sol çubuğundaki Öge Ekle simgesine
tıklayın. - Düğme seçeneğine tıklayın.
- Tasarımlarda gezinin ve bir Temel Düğme veya Tasarımlı Düğme'yi sayfanıza sürükleyin.
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:
- Editörden düğmeyi seçin.
- Özelleştirme hedefini seçin:
- Metni Değiştir'e tıklayın.
- Metin alanına yeni metninizi girin.
İpucu: Temel düğmelerin bir simge gösterme seçeneği yoktur ama benzer bir efekt oluşturmak için semboller (örneğin X, +, >) girebilirsiniz.
Düğmeler sitenizin diğer bölümlerine (ör. sayfalara, çapalara, etkileşim kutularına), harici web sayfalarına, hatta e-posta gönderme ve telefon numarasını arama gibi eylemlere yönlendirme yapabilir.
- Bağlantı simgesine
tıklayın. - Soldaki listeden bir bağlantı türü seçin.
- İlgili bağlantı bilgilerini girin.
- Tamam'a tıklayın.
Temel düğmelerin tasarımını Normal ve Üzerindeyken durumlarına göre özelleştirebilirsiniz. Arka plan rengi, kenarlık ve köşe şekli gibi ayarları güncelleyin.
- Editörün sağ üstündeki Denetçiyi Aç simgesine
tıklayın. 
- Sayfayı kaydırarak Tasarım bölümüne ilerleyin.
- Tasarlamak istediğiniz durumu seçin: Normal veya Üzerinde gezinme.
- Mevcut seçenekleri kullanarak düğmenin tasarımını özelleştirin:
- Dolgu Rengi ve Opaklık: Düğmenin arka plan rengini değiştirin ve opaklığını ayarlayın.
- Kenarlık: Kenarlık için bir renk seçin, opaklığını ve kalınlığını (px cinsinden) ayarlayın.
- Köşeler: Düğme köşelerinin yuvarlaklığını (px cinsinden) belirleyerek daha köşeli veya yuvarlak yapın. Tüm köşelere aynı yarıçap değerini uygulayabilir veya ortadaki Kilidi Aç simgesine
tıklayarak her köşeyi ayrı ayrı özelleştirebilirsiniz. - Gölge: Düğmeye üç boyutlu bir görünüm kazandırmak için gölge ekleyin ve özelleştirin.
- Metin: Düğme metninin görünümünü ve biçimlendirmesini ayarlayın.
- Aralık: Metin ile düğmenin kenarlığı arasındaki boşluğu ayarlayın.
Düğmenin düzenini ayarlama
Metnin ve / veya simgenin tam olarak istediğiniz gibi görünmesi için düğmenin hizalamasını, konumunu ve aralığını değiştirin.
- Düzen simgesine
tıklayın. - Ayarları gerektiği gibi düzenleyin:
- Yön: Düğme içeriğini soldan sağa veya sağdan sola sıralayın.
- Hizalama: Metni düğmenin soluna, ortasına veya sağına hizalayın. Sol veya Sağ seçeneklerinde metne bir girinti ekleyebilirsiniz.
Tasarımlı düğmeleri özelleştirme
Sayısız özelleştirme seçeneği sayesinde tasarımlı düğmeleri en ince ayrıntısına kadar kişiselleştirebilirsiniz. Metni ve simgeyi hedef eylemle eşleşecek şekilde güncelleyin ve birbirlerine göre nasıl konumlanacaklarını belirleyin, 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:
- İlgili düğmeyi seçin.
- Özelleştirme hedefini seçin:
Metni ve/veya simgeyi değiştirin
- Ayarlar'a tıklayın.
- Gösterilecekleri seçin altından seçim yapın ve ayarları değiştirin:
- Metin ve simge: Metin alanına tıklayarak düğme metnini güncelleyin ve farklı bir simge seçmek için Değiştir simgesine
tıklayın. - Sadece metin: Düğme metnini düzenlemek için Metin alanına tıklayın.
- Sadece simge: Farklı bir düğme simgesi seçmek için Değiştir simgesine tıklayın. Yardımcı teknolojiler kullanan ziyaretçilere düğmenin işlevini açıklayan bir erişilebilir ad ekleyebilirsiniz.
Not: Gösterilecekleri seçin altından Hiçbiri'ni seçerseniz, düğme boş görünür. Buna rağmen bir erişilebilir ad ekleyebilir ve istediğiniz hedefe bağlayabilirsiniz.
Düğmeler sitenizin diğer bölümlerine (ör. sayfalara, çapalara, etkileşim kutularına), harici web sayfalarına, hatta e-posta gönderme ve telefon numarası arama gibi eylemlere yönlendirme yapabilir.
- Bağlantı simgesine tıklayın.
- Soldaki listeden bir bağlantı türü seçin.
- İlgili bağlantı bilgilerini girin.
- Tamam'a tıklayın.
Düğmenin düzenini ayarlama
Metnin ve / veya simgenin tam olarak istediğiniz gibi görünmesi için düğmenin hizalamasını, konumunu ve aralığını değiştirin.
- Düzen simgesine tıklayın.
- Mevcut ayarları düzenleyin:
- Gösterilecekleri seçin: Düğmenizde nelerin gösterileceğine karar verin: Metin ve simge, Sadece metin, Sadece simge veya Hiçbiri.
- Simge konumu: Hem metni hem de simgeyi göstermeyi seçerken, bunları nasıl konumlandıracağınıza karar verebilirsiniz: yan yana veya alt alta.
- Hizalama: Metni ve simgeyi düğmenin soluna, ortasına veya sağına hizalayın. Ayrıca, İki Yana Yasla simgesine
tıklayarak düğmenin iki yanına yaslayabilirsiniz. - Metin ve simge arasındaki boşluk: Hem metni hem de bir simgeyi göstermeyi seçerken, aralarındaki boşluğu (px cinsinden) ayarlamak için kaydırıcıyı sürükleyebilirsiniz.
- Yön: Düğme içeriğini soldan sağa veya sağdan sola sıralayın.
tıklayarak her kenarı ayrı ayrı özelleştirebilirsiniz.
tıklayarak her köşeyi ayrı ayrı özelleştirebilirsiniz. 