Formulare

Um ein Kontaktformular darzustellen muss das Plugin Contact Form 7 installiert sein. Das 0.1 Theme liefert bereits eine vorgestylte Variante eines Kontaktformulares aus.

Wähle dazu im WordPress-Adminbereich im Menü Plugins aus, klicke ganz oben auf Installieren, suche im Suchfeld auf der rechten Seite nach Contact Form 7 und installiere und aktiviere das Plugin.

Nach der Installation erscheint in der Navigationsleiste ein neuer Menüpunkt Formulare. Damit es nachher genau wie in der Demo aussieht, halte dich an folgende Code-Struktur:

<div class="form-group">
    <label>Dein Name *</label>
    [text* your-name]
</div>

Hierbei steht text steht für den Feldtyp, es kann dort z. B. auch email oder textarea stehen. Das * bedeutet, dass das Feld ein Pflichtfeld ist. Und your-name ist der Feldname.

Bei einem Textarea-Feld muss zusätzlich zur Klasse form-group noch die Klasse textarea vergeben werden, damit Label und Eingabefeld untereinander stehen.

<div class="form-group textarea">
    <label>Deine Nachricht</label>
    [textarea your-message]
</div>

Beispiel für ein Kontaktformular mit Name, E-Mail und Nachrichtenfeld:

<div class="form-group">
    <label>Dein Name *</label>
    [text* your-name]
</div>

<div class="form-group">
    <label>E-Mail *</label>
    [email* email]
</div>

<div class="form-group textarea">
    <label>Deine Nachricht</label>
    [textarea your-message]
</div>

[submit "Senden"]

Das Formular kann man auf der Seite mittels eines Block vom Typ Shortcode einbinden. Den Shortcode kann man sich im Kontaktformular ganz oben kopieren.

Auf der Webseite könnte das dann z. B. so aussehen.