Düğme ve Simgeler

kullanma Düğme ve Bağlantılar, herhangi bir tür ekleyebilirsiniz Link (1) Bölüme. Bir Düğme/Metin Bağlantısı/Görüntü Bağlantısı/Simge/Ayırıcı ekleyebilirsiniz.

Yapabilirsin çift (2) Düzenle (3) veya Sil (4) mevcut düğme/bağlantı.

Bu makalede:

1. Düğmeler/Bağlantılar Ekle
2. Stil Düğmeleri/Bağlantıları

---

Düğmeler/Bağlantılar Ekle

• Bölüme herhangi bir türde bağlantı eklemek için, + Düğme Ekle seçeneği.

MKS + Düğme Ekle seçeneği bir bağlantı eklemek için dört yol sunar. Bunun dışında, ayrıca ekleyebilirsiniz Ayırıcı düğmeler/bağlantılar arasına boşluk eklemek için. Seçenekler şunlardır:

• düğme
• Düğme Stili
• Metin Bağlantısı
• Resim
• Simge
• Separatör

---

düğme

Liste öğesine bir buton ekleyin.

Şunları güncelleyebileceksiniz:

1. Düğme Etiketi – Belirtin görünür metin Butonunuzda. Kullanıcılar bunu görecek ve tıklayacak.
2. Düğme Bağlantısı – Belirtin URL veya eylem tıklandığında butona basılması gerekir.
3. Hedef Pencere – Bağlantının şurada açılıp açılmayacağını seçin: aynı sekme ya da Yeni sekme.
4. Düğme Stili – Varsayılan olarak düğme stilini seçin ( Düğmeler ve Bağlantılar sekmesi), Katı, Ana Hat veya Metin Bağlantısı.

• • Varsayılan: Sitenizin tema ayarlarını takip eder.
  • Katı: Kalın, dolu bir düğme.
  • Anahat: Kenarlıklı şeffaf arka plan.
  • Metin Bağlantısı: Basit, temiz, yalnızca metinden oluşan bir stil (buton kutusu yok).

5. Düğme Şekli – Bir tane ayarla her bir düğme için özel şekil bölüm içinde. Bu, bölüm altında tanımlanan genel düğme şeklini geçersiz kılmanıza olanak tanır. Tasarım ayarları, her düğmenin nasıl görüneceği konusunda size daha fazla kontrol sağlar. Mevcut şekiller Kare, Yuvarlak ve Hap'tır.
6. Düğme rengi – Düğmenin renk düzenini özelleştirin:

• • Varsayılan: Tema ayarlarını devralır.
  • Ters çevir: Buton metin/arka plan renklerini tersine çevirir.
  • Özel: Belirli metin ve arka plan renklerini seçmenize olanak tanır.

7. Düğme Yazı – Eğer kullanılıyorsa Özel düğme rengi, ayarlayabilirsiniz metin (etiket) rengi buradan.
8. Düğme Arka Planı – Özel seçeneği altında da mevcuttur, bu da düğmenin arka plan rengini ayarlar. Maksimum okunabilirlik ve stil için bunu metin rengiyle eşleştirin.
9. Düğme Simgesi – Düğme etiketinizin yanına bir simge ekleyin. Çeşitli simge seçenekleri arasından seçim yapabilirsiniz.
10. Düzen – Simgenin etikete göre yerleşimini kontrol edin. Mevcut düzen seçenekleri şunlardır:

• • Etiket + Simge: Önce metin, ardından simge görünür.
  • Simge + Etiket: Önce ikon, sonra metin görünür.
  • Etiket + Simge (Geniş): Daha geniş butonlara uygun, daha fazla dolguyla düzenlenmiş metin ve ikon.
  • Simge + Etiket (Geniş): Önce ikon, daha geniş dolgu düzeni.

11. Simge Rengi – Düğme simgesinin rengini seçin. Bunu aşağıdaki gibi ayarlayabilirsiniz: Düğme Yazı renk veya Marka Renk.

---

Düğme Stili Ayarları

Bu ayarları şurada bulabilirsiniz: Stil sekmesi Bölümler. Bu ayarlar, daha iyi tasarım kontrolü ve yanıt hızı için Pixpa sitenizdeki düğmelerin görünümünü, aralığını ve düzenini ince ayar yapmanıza olanak tanır:

1. Düğme Boyutu – Düğmenin boyutunu seçin (örneğin, Küçük, Orta, Büyük). Bu, dolguyu ve yazı tipi boyutunu tasarımınıza uyacak şekilde ayarlar.
2. Düğmeler Arası Boşluk – Birden fazla düğme arasındaki yatay aralığı kontrol eder. Duyarlı aralık için vw (görüntü alanı genişliği) birimlerini kullanabilirsiniz.
3. Düğmelerin Üzerindeki Boşluk – Düğmelerin üzerine dikey boşluk ekler. Bu, düğmelerin üstteki içerikten % cinsinden ayrılmasını sağlar.
4. Metin Bağlantısı – Düğme metin bağlantıları için yazı tipi boyutunu ayarlar (özellikle geleneksel bir düğme yerine “Metin Bağlantısı” stili kullanıldığında faydalıdır).
5. Resim Düğme Olarak (Boyut) – Geleneksel bir düğme yerine bir resim kullanıyorsanız, bu ayar resmin görüntülenme boyutunu (piksel olarak) tanımlar.
6. Düğme Genişliği – Düğmenin ne kadar geniş görüneceğini seçin:

• • Varsayılan: Düğme içeriğine bağlı standart genişlik
  • Büyük / Çok Büyük: Daha fazla vurgu için daha geniş düğmeler
  • Tam genişlik: Düğme, konteynerin tüm genişliği boyunca uzanır

---

Metin Bağlantısı

eklemek metin bağlantısı liste öğesine.

Şunları güncelleyebileceksiniz:

1. Yı kur metin etiketi.
2. belirtmek metin bağlantısı.
3. Hedef Pencere – Sayfayı aynı pencerede veya yeni bir pencerede açmayı seçin.

---

Resim

Bir resim ekleyin ve onu herhangi bir sayfaya bağlayın.

• Resmi yükledikten sonra, bu şekilde görünür. Düzenlemek için bağlantıya tıklayın.

• Buradan şunları yapabilirsiniz:
  1. Foto Yükle/Görüntüyü değiştir.
  2. Düğme Bağlantısı – Bağlantıyı belirtin.
  3. Hedef Pencere – Sayfayı aynı pencerede veya yeni bir pencerede açmayı seçin.

---

Sosyal İkon

• Liste öğesine bir sosyal simge ekleyin.

Şunları yönetebilirsiniz:

1. Bağlanacak sosyal simge.
2. İlgili sosyal profil yolunuzu belirtin.
3. Hedef Pencere – Sayfayı aynı pencerede veya yeni bir pencerede açmayı seçin.

---

Separatör

MKS Separatör seçeneği, düğmeler veya bağlantılar arasına boşluk eklemenizi sağlar.

Bu, yakın mesafeye yerleştirilen düğmeler arasında görsel ayrım oluşturmak için yararlıdır. Bir ayırıcı ekleyebilirsiniz. Düğme ve Bağlantılar paneline diğer butonları eklediğiniz gibi ekleyin.

• Düğmeler arasındaki boşluk, Dolgu – Üst Ayırıcı içindeki ayar. Bu değeri ayarlamak, birbirine yakın yerleştirilen düğmeler arasındaki dikey aralığı artırır veya azaltır.

 

---

Düğme ve Bağlantılar için Stil Seçenekleri

MKS stil seçenekleri altında hazır bulunacak stil bölümü yönetirken sekmesi.

Düğme ve Bağlantılar için aşağıdaki gibi birden çok stil seçeneğiniz olacaktır:

Düğme ve Bağlantılar

1. belirtmek Düğme/Bağlantılar Arasındaki Boşluk eklenmiş olanlar.
2. belirtmek Düğmenin/Bağlantıların Üzerindeki Boşluk.
3. Seçin vurgulu Etkisi Düğme/bağlantılar için.

Düğme Boyutu 

---

Örnek E-posta

Diyelim ki, bir Amazon sosyal bağlantısı eklediniz. Düğme/Bağlantılar, ve belirtilen kırmızı olarak simge rengi ve simge arka plan rengi Yeşil olarak, ardından simge aşağıdaki gibi görünecektir: