Heute möchte ich euch zeigen wie Ihr ein Forumuar in WordPress in mehreren Spalten darstellen könnt.

Was brauchen wir ?

ContactForm 7 Plugin
Column Shortcodes (alternativ ein Theme das Bootstrap unterstützt)

3 2 1 Los gehts.

Wenn Ihr die Beiden Plugins Installiert habt erstellt ihr zu erst eine Seite um an die Shortcodes für die Spalten heranzukommen.

 

Formular in  x- beliegbigen Spalten darstellen

 

Nun klickt ihr auf das Icon von des Spalten Generators. Ich wähle ein drei Spalten Design aus.

 

Formular in  x- beliegbigen Spalten darstellen

Jetzt  öffnet ihr ContactForm 7 und fügt folgenden Code in das Feld ein und speichert.

 

<div id=”contactform”>

[one_third padding=”0 30px 0 0″] <label> [text dein-name “Name”] </label> [/one_third] [one_third[ padding=”0 30px 0 0″] <label> [email* your-email “E-Mail”] </label> [/one_third] [one_third] <label> [text telefon “Telefon”] </label> [/one_third] <label> </label>

[textarea your-message “Ihre Mitteilung”] [submit “ABSENDEN”]

</div>

 

So oder so ähnlich sollte jetzt euer Kontaktformular aussehen.

Formular in  x- beliegbigen Spalten darstellen

 

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.