Referens för inställningar för formulärstilar
I det här dokumentet
Läs tid: 4 minuter | Svårighetsgrad: Medel
Översikt
Detta är en komplett referens för varje Form Style-inställning som finns tillgänglig i WP Simple Pay. Använd detta tillsammans med den huvudsakliga Form Style-guiden för detaljerade installationsinstruktioner.
Förutsättningar
- WP Simple Pay Pro med en Plus-licens eller högre
- Ett betalningsformulär som använder formulärtypen på plats (inbäddad eller overlay)
Temamallar
| Temats ID | Namn | Primär | Sekundär | Text | Bakgrund |
|---|---|---|---|---|---|
standard |
Standard | #0f8569 |
#0e7c62 |
#32325d |
#ffffff |
solnedgång |
Solnedgång | #e74c3c |
#c0392b |
#2c3e50 |
#ecf0f1 |
skog |
Skog | #27ae60 |
#219955 |
#2c3e50 |
#f9f9f9 |
hav |
Hav | #3498db |
#2980b9 |
#2c3e50 |
#ecf0f1 |
monokrom |
Monokrom | #333333 |
#555555 |
#333333 |
#ffffff |
solsken |
Solsken | #f1c40f |
#f39c12 |
#34495e |
#ffffff |
korall |
Korall | #e67e22 |
#d35400 |
#2c3e50 |
#f9f9f9 |
minimal |
Minimal | #bdc3c7 |
#95a5a6 |
#2c3e50 |
#ffffff |
När du väljer ett tema mappas primärfärgen till knappens bakgrund och accentfärg, sekundärfärgen mappas till knappens hovringstillstånd, textfärgen mappas till allmänna text- och etikettfärger, och bakgrundsfärgen mappas till både formulär- och inmatningsbakgrunder.
Färginställningar
Alla färginställningar accepterar:
- Hexfärger:
#0f8569,#fff - RGB/RGBA:
rgba(15, 133, 105, 0.8) - HSL/HSLA:
hsl(160, 80%, 29%) - Tomt värde (ärver standard eller återgår till en föräldrainställning)
| Inställning | Beskrivning | Återställningsbeteende |
|---|---|---|
| Formulärbakgrund | Formulärbehållarens bakgrund | Transparent (ärver sidans bakgrund) |
| Inmatningsbakgrund | Inmatningsfältets bakgrund | Transparent |
| Allmän textfärg | Alla textelement | Webbläsarens standard |
| Fältetikettfärg | Endast fältetiketter | Återgår till Allmän texteFärg |
| Inmatningstextfärg | Text inuti inmatningsfält | Återgår till Allmän texteFärg |
| TitelFärg | Formulärstitel | Återgår till Allmän texteFärg |
| Beskrivningsfärg | Formulärbeskrivning | Återgår till Allmän texteFärg |
| Primär (accent) färg | Fokuslägen, markeringar | Temats standard |
| Kantlinjefärg | Inmatnings- och elementkanter | Temats standard |
| Fel kantlinjefärg | Valideringsfelkanter | Röd standard |
| Feltextfärg | Felmeddelandets text | Röd standard |
| Knappbakgrund | Skicka knappbakgrund | Primärfärg |
| Knapptext | Skicka knapptext | Vit |
| Knapp bakgrund vid hovring | Skicka knapp vid hovring | Mörkare primärfärg |
Typografiska inställningar
| Inställning | Beskrivning | Accepterade värden | Standard |
|---|---|---|---|
| Etikett teckenstorlek | Fältetikettstorlek | Positivt heltal (pixlar) | 14 |
| Etikett teckenvikt | Fältetikettvikt | normal, bold, 100–900 |
— |
| Inmatning teckenstorlek | Inmatningstextstorlek | Positivt heltal (pixlar) | 16 |
| Rubrik teckenstorlek | Formulärrubrikstorlek | Positivt heltal (pixlar) | 24 |
| Rubrik teckenvikt | Formulärrubrikvikt | normal, bold, 100–900 |
— |
| Beskrivning teckenstorlek | Formulärbeskrivningsstorlek | Positivt heltal (pixlar) | 16 |
| Beskrivning teckenvikt | Formulärbeskrivningsvikt | normal, bold, 100–900 |
— |
Design- & layoutinställningar
| Inställning | Beskrivning | Accepterade värden | Standard |
|---|---|---|---|
| Formulär kantradie | Formulärbehållarens rundade hörn | Positivt heltal (pixlar) | 0 |
| Inmatning & knapp kantradie | Inmatnings-/knapprundning | Positivt heltal (pixlar) | 4 |
| Formulär stoppning | Formulärbehållarens interna avstånd | Positivt heltal (pixlar) | 0 |
Tillämplighet
| Formulärtyp | Stilar tillämpade? |
|---|---|
| Inbäddad på webbplatsen | Ja |
| Överlagring på webbplatsen (modal) | Ja |
| Stripe Checkout (utanför webbplatsen) | Nej |
| Betalningssida (på webbplatsen) | Ja |
Vad händer härnäst?
- Stilinställningar för betalningsformulär med formulärstil – Steg-för-steg-installationsguide
- Visningstyper för betalningsmetod – Välj mellan flikar och dragspelslayouter
Har du fortfarande frågor? Vi finns här för att hjälpa till!
Senast ändrad: