So erstellen Sie ein benutzerdefiniertes Layout für Kontaktformulare mit Contact Form 7 – mteleben.com-Support

Last Updated on 11/10/2021 by MTE Leben

In diesem Tutorial erfahren Sie, wie Sie ein benutzerdefiniertes Layout für die Kontaktformulare erstellen, wenn Sie das Kontaktformular-Plugin verwenden, und sehen sich die Styling-Beispiele für das Kontaktformular 7 an.

Um ein Kontaktformular-Layout zu erstellen, können Sie ein Online-Tool zum Erstellen von Kontaktformularen verwenden. Es ermöglicht die Erstellung von HTML- und CSS-Markup, um das Kontaktformular-Layout beliebiger Komplexität zu erstellen.

Falls Sie ein Kontaktformular manuell erstellen möchten, folgen Sie bitte den unten beschriebenen Schritten.

Benutzerdefiniertes Layout des Kontaktformulars manuell erstellen

• Bestimmen Sie einfach die gewünschte Breite des gesamter Kontaktformularblock mit zweispaltiger cf-ID (maximal in px oder 100%).
• Legen Sie dann die Breite für jede der Spalten fest. Beachten Sie jedoch, dass die Gesamtbreite der Spalten die Breite des gesamten Kontaktformulars in der zweispaltigen cf-ID nicht überschreiten sollte. In unserem Beispiel haben wir zwei Spalten hinzugefügt, aber Sie können verwenden als viele Spalten nach Bedarf. Fügen Sie dem Formular einfach weitere ID-Selektoren hinzu und geben Sie dann die Breite für jede der Spalten an.