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:
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:
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:
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:
Dat plak je dan in de “Inhoud” van het HTML-veld.
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:
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 .