Kılavuzlar/Sitenizden para kazanma/Ödeme düğmelerini stillendirme

Ödeme düğmelerini stillendirme

Sitenize Ödeme Düğmeleri blokunu ekledikten sonra düğme rengini, düzenini ve daha fazlasını değiştirebilirsiniz. Bu kılavuzda ödeme düğmelerinizi nasıl stillendireceğinizi öğrenin.

Arka plan ve metin rengi

Şu adımları izleyerek ödeme düğmesinin arka planını ve metin rengini değiştirin:

  1. Ödemeler blokunda tek bir düğmeye tıklayın.
  2. Blok ayarları kenar çubuğunda, “Arka Plan ve Metin Rengi” bölümünü bulun.
  3. Düğmedeki metnin rengini değiştirmek için Metin Rengi bölümüne tıklayın.
  4. Düğmenin rengini değiştirmek için Arka Plan bölümüne tıklayın.

Düğmelerinize renk uygulamak hakkında daha fazla bilgi edinin.

Düğme yarıçapını ayarlayın

Düğmenin yarıçapını değiştirerek düğmenizin kenarlarının yuvarlamasını değiştirin. Şu adımları izleyin:

  1. Ödemeler blokunda tek bir düğmeye tıklayın.
  2. Blok ayarları kenar çubuğunda “Kenarlık” bölümünü bulun.
  3. Düğmenin yarıçapını değiştirmek için kaydırıcıyı kullanın veya bir sayı girin.
  4. Değişikliklerinizi yayınlamak için sağ üstteki “Kaydet” veya “Yayımla” seçeneğine tıklayın.

Daha düşük bir sayı düğmeyi daha kare yapar ve daha yüksek bir sayı düğmenin köşelerini yuvarlak hale getirir.

Düğmeyi kare yapan sıfır kenarlık yarıçapına örnek.

Düğme genişliğini yapılandırın

Aşağıdaki adımları izleyerek düğmenin genişliğini yapılandırın:

  1. Ödemeler blokunda tek bir düğmeye tıklayın.
  2. Blok ayarları kenar çubuğunda “Genişlik ayarları” bölümünü bulun.
  3. Ön ayarlardan birini seçin (%25, %50, %75 veya %100) veya özel bir genişlik ayarlayın.
  4. Değişikliklerinizi yayınlamak için sağ üstteki “Kaydet” veya “Yayımla” seçeneğine tıklayın.

Örneğin, tam genişlikte bir düğme oluşturmak için bir düğmenin genişliğini %100 olarak ayarlayın. Alternatif olarak her düğmeyi %50 olarak ayarlayarak içerik alanının tam genişliğini alan iki düğmeye sahip olabilirsiniz, bu örnekte olduğu gibi:

Yan yana iki düğme, ikisi de %50 olarak ayarlanmış ve içerik alanının tam genişliğini alır.

Düğme hizalamasını ayarlayın

Ödeme düğmelerinin hizalamasını değiştirmek için şu adımları izleyin:

  1. Düzenleyicinin sol üst köşesindeki Liste Görünümü‘nü seçin.
  2. Liste görünümünde Ödeme Düğmeleri blokuna tıklayın.
  3. Görünen blok araç çubuğunda “Öğelerin hizalamasını değiştir” düğmesine tıklayın.
  4. Şu seçeneklerden birini seçin:
    • Öğeleri sola hizala: Tüm düğmeleri sola hizalar.
    • Öğeleri ortala: Tüm düğmeleri merkeze hizalar.
    • Öğeleri sağa hizala: Tüm düğmeleri sağa hizalar.
    • Öğeler arasındaki boşluk: Ödeme Düğmeleri blokunda düğmeleri eşit aralıklarla yerleştirir.
  5. Değişikliklerinizi yayınlamak için sağ üstteki “Kaydet” veya “Yayımla” seçeneğine tıklayın.

Önceden ayarlanmış stilleri uygulayın

Şu adımları izleyerek düğmeniz için önceden ayarlanmış bir stil seçin:

  1. Ödemeler blokunda tek bir düğmeye tıklayın.
  2. Blok ayarları kenar çubuğunda Stiller sekmesine tıklayın.
  3. Düğme stili için Dolgu ve Ana Hat arasından seçim yapın.
  4. Değişikliklerinizi yayınlamak için sağ üstteki “Kaydet” veya “Yayımla” seçeneğine tıklayın.

Tipografiyi özelleştirin

Düğmenizdeki metnin yazı tipi boyutunu, türünü ve harf durumunu şu adımları izleyerek değiştirin:

  1. Ödeme Düğmeleri blokunda tek bir düğmeye tıklayın.
  2. Blok ayarları kenar çubuğunda Stiller sekmesine tıklayın.
  3. Tipografi bölümüne gidin.
  4. Düğme metninin boyutunu değiştirin veya Yazı Tipi ve Harf boyutu seçeneklerini etkinleştirmek için üç noktaya () tıklayın.
  5. Değişikliklerinizi yayınlamak için sağ üstteki “Kaydet” veya “Yayımla” seçeneğine tıklayın.

Tipografi ayarları hakkında daha fazla bilgi edinin.

Metni biçimlendirin

Ödeme düğmesindeki metne kalın ve italik gibi biçimlendirmeler ekleyebilirsiniz. Biçimlendirmeyi uygulamak için şu adımları izleyin:

  1. Ödemeler blokunda tek bir düğmeye tıklayın.
  2. Düğmede biçimlendirmek istediğiniz bir kısmı veya tüm metni vurgulayın.
  3. Görüntülenen blok araç çubuğunu kullanarak şu stillerden istediğinizi uygulayın:
    • Kalın
    • İtalik
    • Daha Fazla simgesi şunları içerir:
      • Vurgu: Yalnızca metnin metin ve arka plan rengini değiştirin. Düğmenin rengini değiştirmek için stilleri kullanın.
      • Satır İçi Kod
      • Satır İçi Görsel
      • Klavye Giriş stili
      • Dil niteliği
      • Üstü Çizili
      • Alt simge
      • Üst simge
  4. Değişikliklerinizi yayınlamak için sağ üstteki “Kaydet” veya “Yayımla” seçeneğine tıklayın.
İtalik biçimlendirme uygulanmış vurgulanmış metin örneği.
Copied to clipboard!