Form Stili ile Ödeme Formlarınızı Nasıl Şekillendirirsiniz

Genel Bakış

WP Simple Pay, özel CSS gerektirmeden, site içi ödeme formlarınızın görünümünü özelleştirmenize olanak tanıyan yerleşik bir Form Stili özelliğine sahiptir. 8 adet önceden tasarlanmış tema ön ayarı arasından seçim yapın veya markanıza uyacak bireysel renkleri, tipografiyi ve düzen ayarlarını ince ayarla yapın.

Form Stili ayarları forma göre yapılandırılır, böylece her ödeme formunu bağımsız olarak stilleyebilirsiniz.

Not: Form stilleri yalnızca site içi ödeme formları (Gömülü ve Bindirme görüntüleme türleri) için geçerlidir. Formunuz Stripe Checkout (site dışı) kullanıyorsa, bu ayarlar yürürlüğe girmeyecektir. Form stillerini kullanmak için, Genel ayarlar sekmesindeki form türünüzü "Site içi ödeme formu" olarak değiştirin.

Ön Koşullar

• Plus lisans veya üstü ile WP Simple Pay Pro
• Site içi form türünü (Gömülü veya Bindirme) kullanan bir ödeme formu

Form Stili Sekmesine Erişme

1. WordPress yöneticinizde WP Simple Pay > Ödeme Formları'na gidin.
2. Mevcut bir formu düzenlemek için tıklayın veya yeni bir form oluşturun.
3. Form düzenleyicisindeki Form Stili sekmesine tıklayın.

Form Stili sekmesi dört alt sekmeyi içerir: Temalar, Renkler, Tipografi ve Tasarım & Düzen.

Bir Tema Ön Ayarı Seçme

Tema ön ayarları, formunuza anında eksiksiz, koordineli bir stil seti uygular. Bir temayı uyguladıktan sonra, diğer sekmelerdeki bireysel ayarları daha fazla özelleştirebilirsiniz.

1. Form Stili sekmesinde, Temalar alt sekmesini seçin (varsayılan olarak seçilidir).
2. Kullanılabilir temalara göz atın. Her tema kartı bir renk paleti önizlemesi ve mini bir form önizlemesi gösterir.
3. Seçmek için bir tema kartına tıklayın.
4. Kaydetmek için Yayınla veya Güncelle'ye tıklayın.

Aşağıdaki temalar mevcuttur:

Tema	Açıklama	Birincil Renk
Varsayılan	WP Simple Pay'in varsayılan stil ayarları	Teal
Gün Batımı	Açık arka planlı sıcak kırmızı vurgular	Kırmızı
Orman	Temiz arka planlı taze yeşil tema	Yeşil
Okyanus	Sakinleştirici mavi palet	Mavi
Monokrom	Basit siyah beyaz tema	Siyah
Güneş Işığı	Parlak ve neşeli sarı vurgular	Sarı
Mercan	Sıcak turuncu palet	Turuncu
Minimal	Temiz, minimalist tasarım	Gri

Önemli: Bir tema seçmek, tüm renk ve stil ayarlarını temanın değerlerine günceller. Bireysel ayarlarda yaptığınız özel değişiklikler üzerine yazılacaktır.

Renkleri Özelleştirme

Bireysel renk ayarlarını ince ayarlamak için Renkler alt sekmesine tıklayın. Renkler bölümlere ayrılmıştır.

Arka Plan Renkleri

• Form Arka Planı — Tüm form kapsayıcısının arka plan rengi.
• Girdi Arka Planı — Girdi alanlarının, seçimlerin ve açılır menülerin arka plan rengi.

Metin Renkleri

• Genel Metin Rengi — Formdaki tüm metin öğeleri için varsayılan renk.
• Etiket Metin Rengi — Alan etiketlerinin rengi. Yalnızca etiketler için genel metin rengini geçersiz kılar.
• Girdi Metin Rengi — Girdi alanlarının içindeki metnin rengi. Yalnızca girdiler için genel metin rengini geçersiz kılar.

Başlık ve Açıklama Renkleri

• Başlık Rengi — Form başlığının rengi. Ayarlanmamışsa genel metin rengine geri döner.
• Açıklama Rengi — Form açıklamasının rengi. Ayarlanmamışsa genel metin rengine geri döner.

Vurgu ve Kenarlık Renkleri

• Birincil (Vurgu) Renk — Odak durumları, vurgular ve diğer vurgu öğeleri için kullanılır.
• Kenarlık Rengi — Girdi alanları ve diğer kenarlıklı öğeler için kenarlık rengi.

Hata Durumu Renkleri

• Hata Kenarlık Rengi — Doğrulama hataları olan alanlara uygulanan kenarlık rengi.
• Hata Metin Rengi — Hata mesajları için metin rengi.

Düğme Renkleri

• Düğme Arka Planı — Gönder düğmesinin arka plan rengi.
• Düğme Metni — Gönder düğmesinin metin rengi.
• Düğme Fareyle Üzerine Gelme Arka Planı — Gönder düğmesinin üzerine gelindiğinde arka plan rengi.

Tüm renk alanları onaltılık renkleri (örneğin, #0f8569) ve şeffaflıkla rgba renklerini (örneğin, rgba(15, 133, 105, 0.8)) destekler. Renk seçiciyi açmak için herhangi bir alanın yanındaki renk örneğine tıklayın.

Yazı Tipini Özelleştirme

Yazı tipi boyutlarını ve kalınlıklarını ayarlamak için Yazı Tipi alt sekmesine tıklayın.

Etiket Yazı Tipi

• Etiket Yazı Tipi Boyutu — Alan etiketlerinin piksel cinsinden boyutu. Varsayılan: 14px.
• Etiket Yazı Tipi Kalınlığı — Alan etiketlerinin kalınlığı. Seçenekler: Normal, Kalın veya sayısal değerler (100–900).

Girdi Yazı Tipi

• Girdi Yazı Tipi Boyutu — Girdi alanlarının içindeki metnin piksel cinsinden boyutu. Varsayılan: 16px.

Başlık ve Açıklama Yazı Tipi

• Başlık Yazı Tipi Boyutu — Form başlığının piksel cinsinden boyutu. Varsayılan: 24px.
• Başlık Yazı Tipi Kalınlığı — Form başlığının kalınlığı. Seçenekler: Normal, Kalın veya sayısal değerler (100–900).
• Açıklama Yazı Tipi Boyutu — Form açıklamasının piksel cinsinden boyutu. Varsayılan: 16px.
• Açıklama Yazı Tipi Kalınlığı — Form açıklamasının kalınlığı. Seçenekler: Normal, Kalın veya sayısal değerler (100–900).

Tasarım ve Düzeni Özelleştirme

Boşluk ve kenarlık yarıçapı ayarlarını yapmak için Tasarım ve Düzen alt sekmesine tıklayın.

Kenarlık Yarıçapı

• Form Kenarlık Yarıçapı — Form kapsayıcısının köşelerinin ne kadar yuvarlak olacağını piksel cinsinden kontrol eder. Kare köşeler için 0 olarak ayarlayın.
• Girdi ve Düğme Kenarlık Yarıçapı — Girdi alanlarının ve düğmelerin köşelerinin ne kadar yuvarlak olacağını piksel cinsinden kontrol eder.

Her ayarın yanında bulunan canlı önizleme, geçerli değerin etkisini gösterir.

Boşluk

• Form Dolgusu — Form kapsayıcısının iç boşluğunu (dolgu) piksel cinsinden kontrol eder.

Stilleri Varsayılana Sıfırlama

Tüm stil ayarlarını varsayılan değerlerine sıfırlamak için:

1. Form Stili sekmesinde, herhangi bir alt sekmenin en altına kaydırın.
2. Stilleri Sıfırla düğmesine tıklayın.
3. İstendiğinde sıfırlamayı onaylayın.
4. Formu kaydetmek için Yayınla veya Güncelle'ye tıklayın.

Bu, tüm renk, tipografi ve düzen ayarlarını sıfırlar. Seçilen temayı değiştirmez.

Sıkça Sorulan Sorular

Form Stili sekmesini neden göremiyorum?

Form Stili sekmesi için Plus lisansı veya daha üstü gereklidir. Kişisel lisansınız varsa, bunun yerine bir yükseltme istemi görürsünüz.

Site dışı formlar hakkında neden bir uyarı var?

Form stilleri yalnızca site içi ödeme formları için geçerlidir. Formunuz Stripe Checkout (site dışı) kullanacak şekilde ayarlanmışsa, Form Stili ayarları etkili olmaz. Form türünü, form düzenleyicisinin Genel sekmesinde “Site içi ödeme formu” olarak değiştirin.

Her form için farklı stiller kullanabilir miyim?

Evet. Form Stili ayarları forma göre kaydedilir, bu nedenle her ödeme formunun kendi benzersiz stiline sahip olabilir.

Form stilleri yer paylaşımı (modal) formlarla çalışır mı?

Evet. Form stilleri hem yerleştirilmiş formlar hem de yer paylaşımı/modal formlar için geçerlidir. Yer paylaşımı formları için, form arka plan rengi modal içerik alanının arka planını kontrol eder.

Form Stili ile birlikte özel CSS kullanmaya devam edebilir miyim?

Evet. Özel CSS, Form Stili ayarlarının üzerine uygulanacaktır.

Form stilleri Gutenberg blok önizlemesini etkiler mi?

Evet. Blok düzenleyicide WP Simple Pay bloğunu kullanarak bir ödeme formu eklediğinizde, blok önizlemesi formun mevcut stil ayarlarını yansıtır.

Bir renk alanı boş bırakırsam ne olur?

Boş alanlar mantıklı varsayılan değerleri devralır. Örneğin, etiket ve girdi metin renkleri genel metin rengine geri döner. Düğme renkleri temanın birincil rengine geri döner.

Sıradaki Ne Var?

• Form Stili Ayarları Başvurusu – Her ayarın ve varsayılan değerinin tam başvurusu
• Ödeme Yöntemi Görüntüleme Türleri – Sekmeler ve Akordeon düzenleri arasında seçim yapın