HTML Veld
Het HTML-veld is een speciaal type veld en kan voor vele doeleinden gebruikt worden. Het is geen invoerveld waar bezoekers ‘iets’ kunnen invoeren. Als we dit veld toevoegen aan een formulier dienen we via de veld-instellingen inhoud aan het veld toe te voegen:
HTML Inhoud toevoegen
Hier zien we dan gelijk alle veld-instellingen die bij dit type mogelijk zijn. In het vak “Inhoud” kunnen we HTML-codes plaatsen of gewone tekst. Ook het gebruik van shortcodes is hier toegestaan.
Het label (HTML) van dit veld is voor eigen herkenning aan te passen en is alleen zichtbaar in de formulier-editor.
Willen we een verklarende tekst boven een aantal velden tonen, plaatsen we dit veld voor die velden en in de inhoud van het HTML-veld typen we dan de tekst die we willen tonen. Het is dan aan te raden om gebruik te maken van de <p>-tag om zo de tekst-styling van het gebruikte thema te volgen:
HTML-tags
In die <p>-tag zouden we dan weer een CSS-class kunnen opnemen om de tekst een bepaalde stijl te geven. Alle HTML-tags kunnen we in dit veld gebruiken.
Voorbeeld: “Algemene Voorwaarden”
Willen we een blok opnemen in het formulier waarin de “Algemene Voorwaarden” zijn beschreven met daaronder een selectieveld om die voorwaarden te accepteren dan maken we die als volgt aan:
1) HTML Veld Invoegen met de voorwaarden
Plaats als eerste het html-veld op de plek in het formulier waar de “Algemene Voorwaarden” moet komen te staan. In het “Inhoud” veld plaatsen we dan gehele tekst met de algemene voorwaarden:
Voorbeeld – Algemene Voorwaarden
In dit voorbeeld hebben we HTML-tags gebruikt voor de opmaak van de tekst (<strong> voor vet en <ul><li>…</li></ul> voor de opsomming). Die HTML-tags dien je dus hier handmatig in te typen.
Tip:
indien je de HTML-opmaak codes niet allemaal uit je hoofd weet, en je de aanmaak van een soortgelijke tekst makkelijk wil maken, dan maak je een nieuw “Bericht” aan via de standaard editor van WP.
In de Visueel Modus maak je dan de tekst-opmaak. Daarna ga je naar de tekst-modus en selecteer en kopieer alles wat daar staat:
Opmaak via ‘Standaard Editor’
Dat plak je dan in de “Inhoud” van het HTML-veld.
Veld ‘Scrollbaar’ maken
Om nu een ‘scrollbar’ aan het veld toe te voegen, klikken we in ‘CSS layout klassen’ en kiezen voor “Scroll box”:
Scrollbox instellen
2) Checkbox Toevoegen
Na het aanmaken van de algemene voorwaarden -tekst voegen we dan een “Checkbox” toe, om de gebruiker de algemene voorwaarden te laten accepteren:
Checkbox toevoegen
Hier hebben we de keuze beperkt tot één, het als verplicht ingesteld en het label ‘verborgen’ gemaakt.
Eenmaal toegevoegd en ingesteld ziet het er dan zo uit:
Vragen & Info
Heb je vragen naar aanleiding van dit onderwerp, geef dan een reactie via onderstaand reactie-formulier of stuur ons een mail op: info@qwain.nl.
Op de hoogte blijven van alle WordPress Nieuwtjes, Tips & Tricks… volg ons dan op Facebook .
Er zijn vele type velden beschikbaar. Het meest gebruikte veld is het tekstveld. Hiermee kan de bezoeker vrije tekst invoeren als bijvoorbeeld voornaam, achternaam, etc.