Form Stil Ayarları Başvurusu
Bu Dokümanda
Okuma süresi: 4 dakika | Zorluk: Orta
Genel Bakış
Bu, WP Simple Pay'de bulunan her Form Stili ayarının eksiksiz bir başvurusudur. Ayrıntılı kurulum talimatları için bunu ana Form Stili kılavuzu ile birlikte kullanın.
Ö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
Tema Hazır Ayarları
| Tema Kimliği | Ad | Birincil | İkincil | Metin | Arka Plan |
|---|---|---|---|---|---|
varsayılan |
Varsayılan | #0f8569 |
#0e7c62 |
#32325d |
#ffffff |
gün batımı |
Gün Batımı | #e74c3c |
#c0392b |
#2c3e50 |
#ecf0f1 |
orman |
Orman | #27ae60 |
#219955 |
#2c3e50 |
#f9f9f9 |
okyanus |
Okyanus | #3498db |
#2980b9 |
#2c3e50 |
#ecf0f1 |
monokrom |
Monokrom | #333333 |
#555555 |
#333333 |
#ffffff |
güneş ışığı |
Güneş Işığı | #f1c40f |
#f39c12 |
#34495e |
#ffffff |
mercan |
Mercan | #e67e22 |
#d35400 |
#2c3e50 |
#f9f9f9 |
minimal |
Minimal | #bdc3c7 |
#95a5a6 |
#2c3e50 |
#ffffff |
Bir tema seçtiğinizde, birincil renk düğme arka planına ve vurgu rengine, ikincil renk düğme fareyle üzerine gelme durumuna, metin rengi genel metin ve etiket renklerine ve arka plan rengi hem form hem de giriş arka planlarına eşlenir.
Renk Ayarları
Tüm renk ayarları şunları kabul eder:
- Hex renkleri:
#0f8569,#fff - RGB/RGBA:
rgba(15, 133, 105, 0.8) - HSL/HSLA:
hsl(160, 80%, 29%) - Boş değer (varsayılanı devralır veya üst ayara geri döner)
| Ayar | Açıklama | Geri Yükleme Davranışı |
|---|---|---|
| Form Arka Planı | Form kapsayıcı arka planı | Şeffaf (sayfa arka planını devralır) |
| Giriş Arka Planı | Giriş alanı arka planı | Şeffaf |
| Genel Metin Rengi | Tüm metin öğeleri | Tarayıcı varsayılanı |
| Etiket Metin Rengi | Yalnızca alan etiketleri | Genel Metin Rengine geri döner |
| Girdi Metin Rengi | Girdilerin içindeki metin | Genel Metin Rengine geri döner |
| Başlık Rengi | Form başlığı | Genel Metin Rengine geri döner |
| Açıklama Rengi | Form açıklaması | Genel Metin Rengine geri döner |
| Birincil (Vurgu) Renk | Odak durumları, vurgular | Tema varsayılanı |
| Kenarlık Rengi | Girdi ve öğe kenarlıkları | Tema varsayılanı |
| Hata Kenarlık Rengi | Doğrulama hatası kenarlıkları | Kırmızı varsayılan |
| Hata Metin Rengi | Hata mesajı metni | Kırmızı varsayılan |
| Düğme Arka Planı | Gönder düğmesi arka planı | Birincil renk |
| Düğme Metni | Gönder düğmesi metni | Beyaz |
| Düğme Üzerine Gelme Arka Planı | Gönder düğmesi fareyle üzerine gelme durumu | Daha koyu ana renk |
Tipografi Ayarları
| Ayar | Açıklama | Kabul Edilen Değerler | Varsayılan |
|---|---|---|---|
| Etiket Yazı Tipi Boyutu | Alan etiketi boyutu | Pozitif tam sayı (piksel) | 14 |
| Etiket Yazı Tipi Kalınlığı | Alan etiketi kalınlığı | normal, bold, 100–900 |
— |
| Girdi Yazı Tipi Boyutu | Girdi metni boyutu | Pozitif tam sayı (piksel) | 16 |
| Başlık Yazı Tipi Boyutu | Form başlığı boyutu | Pozitif tam sayı (piksel) | 24 |
| Başlık Yazı Tipi Kalınlığı | Form başlığı kalınlığı | normal, bold, 100–900 |
— |
| Açıklama Yazı Tipi Boyutu | Form açıklama boyutu | Pozitif tam sayı (piksel) | 16 |
| Açıklama Yazı Tipi Kalınlığı | Form açıklama kalınlığı | normal, bold, 100–900 |
— |
Tasarım ve Düzen Ayarları
| Ayar | Açıklama | Kabul Edilen Değerler | Varsayılan |
|---|---|---|---|
| Form Köşe Yarıçapı | Form kapsayıcı köşe yuvarlatma | Pozitif tam sayı (piksel) | 0 |
| Girdi ve Düğme Köşe Yarıçapı | Girdi/düğme köşe yuvarlatma | Pozitif tam sayı (piksel) | 4 |
| Form Dolgusu | Form kapsayıcı iç boşluk | Pozitif tam sayı (piksel) | 0 |
Uygulanabilirlik
| Form Türü | Uygulanan Stiller? |
|---|---|
| Yerinde Gömülü | Evet |
| Yerinde Üst Katman (Modal) | Evet |
| Stripe Ödeme (Site Dışı) | Hayır |
| Ödeme Sayfası (Yerinde) | Evet |
Sıradaki Ne Var?
- Ödeme Formlarını Form Stili ile Biçimlendirme – Adım adım kurulum kılavuzu
- Ödeme Yöntemi Görüntüleme Türleri – Sekmeler ve Akordeon düzenleri arasında seçim yapın
Hala sorularınız mı var? Yardım etmek için buradayız!
Son Değiştirilme: