In einfachen Worten enthält ein Kontaktformular eine Reihe von Fragen und Feldern, die von einem Besucher ausgefüllt werden. Die Informationen werden normalerweise automatisch per E -Mail an den Site -Administrator oder ein anderes nominiertes E -Mail -Konto gesendet. Es ist erwähnenswert, dass diese E -Mail -Adresse nicht an die Besucher angezeigt wird. Die Verwendung eines Kontaktformulars reduziert daher in der Regel E -Mail -Spam von Bots, die nackte E -Mail -Adressen im Internet ernten. Kontaktformulare spielen eine sehr wichtige Rolle auf einer Website, auf der sie zum Sammeln von Feedback, Anfragen und anderen Daten von Benutzern verwendet werden.
Wenn Ihre Website von WordPress betrieben wird, gibt es zahlreiche Plugins, die nahtlos ein Kontaktformular auf Ihrer Website integrieren.
In diesem Artikel werde ich eine Liste einiger kostenloser WordPress -Kontaktformular -Plugins angeben. Ich werde auch besprechen, warum Sie in Betracht ziehen sollten, Ihr eigenes Kontaktformular zu rollen. Dann werde ich Ihnen ein kurzes Tutorial zur Verfügung stellen, das Ihnen zeigt, wie Sie Ihr eigenes WordPress -Kontaktformular -Plugin erstellen.
WordPress -Kontaktformular Plugins
unten finden Sie einige der am stärksten bewerteten kostenlosen Kontaktformular -Plugins für WordPress:
Kontaktformular zu E -Mail - Dieses Plugin erstellt nicht nur Kontaktformulare und sendet die Daten an eine bestimmte E -Mail CSV/Excel -Datei.
Contact -Formular formget - ein einfaches Online -Builder -Tool für Drag & Drop -Kontaktformular. Alles, was Sie tun müssen, ist auf die gewünschten Felder in Ihrem Formular zu klicken. Innerhalb weniger Sekunden ist Ihr Kontaktformular fertig.
BestWebsoft -Kontaktformular - Ermöglicht Ihnen ein Feedback -Formular für eine Webseite oder einen Beitrag mühelos implementieren. Es ist extrem einfach und Sie benötigen keine zusätzlichen Einstellungen, obwohl einige zum Spielen verfügbar sind.
Das Entwickeln Ihres eigenen WordPress -Plugins hilft Ihnen, besser zu verstehen, wie WordPress unter der Haube funktioniert, was Ihnen helfen kann, ein erfahrenerer Webentwickler zu werden. Während es im WordPress -Plugin -Verzeichnis Zehntausende von Plugins gibt, ist es eine sehr nützliche Fähigkeit, andere Plugins zu ändern und zu erweitern.
.Viele WordPress -Kontaktformular -Plugins werden aufgebläht. Dazu gehören viele Funktionen, die Sie möglicherweise nie verwenden. Die starke Verwendung von JavaScript- und CSS -Dateien ist auch in einigen der Standard -Kontaktformular -Plugins üblich. Dies erhöht die Anzahl der HTTP -Anfragen, die sich nachteilig auf die WordPress -Leistung auswirken.
gemäß den Leistungsregeln von Yahoo:
80% der Endbenutzer-Reaktionszeit werden für das Front-End ausgegeben. Die meiste Zeit ist das Herunterladen aller Komponenten auf der Seite gebunden: Bilder, Stylesheets, Skripte, Blitz usw. Die Anzahl der Komponenten reduziert nacheinander die Anzahl der HTTP -Anforderungen, die zum Rendern der Seite erforderlich sind. Dies ist der Schlüssel zu schnelleren Seiten.
Wenn Sie wie ich sind und ein einfaches Plugin für das Kontaktformular wünschen, das nur funktioniert, lesen Sie weiter. Ich werde Sie durch den einfachen Prozess der Entwicklung Ihres eigenen Plugins führen, damit Sie aufgeblähte Plugins küssen können. In diesem Beispiel sind keine zusätzlichen CSS und JavaScript -Dateien erforderlich, die Validierung mit HTML5.
In fünf Minuten lernen Sie, wie Sie ein einfaches WordPress -Kontaktformular entwickeln, das ist ein Versprechen!
Bereit? Satz? Go!
Alle WordPress-Pluigns sind PHP-Dateien, die sich im Verzeichnis/wp-content/plugins/im Verzeichnis befinden. In unserem Beispiel wird die Datei als SP-Form-Example.php bezeichnet. Ich gehe davon aus, dass Sie sich mit FTP/SFTP/SCP oder SSH mit Ihrem Server vertraut machen.
Wenn Sie folgen möchten, erstellen Sie einfach eine Datei namens SP-Form-example.php (das endgültige vollständige Beispiel ist am Ende des Artikels verfügbar):
<span><span><?php </span></span><span><span>/* </span></span><span><span>Plugin Name: Example Contact Form Plugin </span></span><span><span>Plugin URI: http://example.com </span></span><span><span>Description: Simple non-bloated WordPress Contact Form </span></span><span><span>Version: 1.0 </span></span><span><span>Author: Agbonghama Collins </span></span><span><span>Author URI: http://w3guy.com </span></span><span><span>*/ </span></span><span> <span>// </span></span><span> <span>// the plugin code will go here.. </span></span><span> <span>// </span></span><span><span>?></span></span>
Als nächstes fügen wir die Funktion html_form_code () hinzu, die das Kontaktformular html enthält:
<span>function html_form_code() {
</span> <span>echo '<form action="' . esc_url( $_SERVER['REQUEST_URI'] ) . '" method="post">';
</span> <span>echo '<p>';
</span> <span>echo 'Your Name (required) <br />';
</span> <span>echo '<input type="text" name="cf-name" pattern="[a-zA-Z0-9 ]+" value="' . ( isset( $_POST["cf-name"] ) ? esc_attr( $_POST["cf-name"] ) : '' ) . '" size="40" />';
</span> <span>echo '</p>';
</span> <span>echo '<p>';
</span> <span>echo 'Your Email (required) <br />';
</span> <span>echo '<input type="email" name="cf-email" value="' . ( isset( $_POST["cf-email"] ) ? esc_attr( $_POST["cf-email"] ) : '' ) . '" size="40" />';
</span> <span>echo '</p>';
</span> <span>echo '<p>';
</span> <span>echo 'Subject (required) <br />';
</span> <span>echo '<input type="text" name="cf-subject" pattern="[a-zA-Z ]+" value="' . ( isset( $_POST["cf-subject"] ) ? esc_attr( $_POST["cf-subject"] ) : '' ) . '" size="40" />';
</span> <span>echo '</p>';
</span> <span>echo '<p>';
</span> <span>echo 'Your Message (required) <br />';
</span> <span>echo '<textarea rows="10" cols="35" name="cf-message">' . ( isset( $_POST["cf-message"] ) ? esc_attr( $_POST["cf-message"] ) : '' ) . '</textarea>';
</span> <span>echo '</p>';
</span> <span>echo '<p><input type="submit" name="cf-submitted" value="Send"/></p>';
</span> <span>echo '</form>';
</span><span>}</span>Grundlegende Validierung wurde über das Mustereingangsattribut zum Formular hinzugefügt.
Die Regex im Kontaktformular führt die folgende Feldvalidierung durch:
[a-za-z0-9]: nur Buchstaben, Räume und Zahlen im Feld Namen; Spezielle Symbole werden als ungültig angesehen.
[a-za-z]: Nur Buchstaben und Leerzeichen sind im Subjektfeld zulässig.
Das E -Mail -Formularkontrolle überprüft das E -Mail -Feld, weshalb kein Musterattribut erforderlich ist.
Weitere Informationen darüber, wie dies funktioniert
beeilen Sie sich!Die Funktion liefern_mail () saniert die Formulardaten und sendet die E -Mail an die E -Mail -Adresse des WordPress -Administrators.
<span><span><?php </span></span><span><span>/* </span></span><span><span>Plugin Name: Example Contact Form Plugin </span></span><span><span>Plugin URI: http://example.com </span></span><span><span>Description: Simple non-bloated WordPress Contact Form </span></span><span><span>Version: 1.0 </span></span><span><span>Author: Agbonghama Collins </span></span><span><span>Author URI: http://w3guy.com </span></span><span><span>*/ </span></span><span> <span>// </span></span><span> <span>// the plugin code will go here.. </span></span><span> <span>// </span></span><span><span>?></span></span>
Nachricht Textbereichswerte.
Möchten Sie nicht, dass das Kontaktformular die E -Mail an Administrator senden soll? Legen Sie einfach die Variable $ auf die gewünschte E -Mail -Adresse ein.
Wenn die E -Mail erfolgreich von der Funktion WP_MAIL () ohne Fehler verarbeitet wurde, wird der Text
Dank für die Kontaktaufnahme mit mir eine Antwort erwarten. 🎜> wird angezeigt. 1 Minute und 30 Sekunden links Die Funktion cf_shortcode () ist die Rückruffunktion, die aufgerufen wird, wenn der Kontaktformular Shortcode [sitepoint_contact_form] aktiv ist.
Schließlich ist der Shortcode [sitepoint_contact_form] bei WordPress registriert. Fügen Sie also einfach hinzu:
<span>function html_form_code() {
</span> <span>echo '<form action="' . esc_url( $_SERVER['REQUEST_URI'] ) . '" method="post">';
</span> <span>echo '<p>';
</span> <span>echo 'Your Name (required) <br />';
</span> <span>echo '<input type="text" name="cf-name" pattern="[a-zA-Z0-9 ]+" value="' . ( isset( $_POST["cf-name"] ) ? esc_attr( $_POST["cf-name"] ) : '' ) . '" size="40" />';
</span> <span>echo '</p>';
</span> <span>echo '<p>';
</span> <span>echo 'Your Email (required) <br />';
</span> <span>echo '<input type="email" name="cf-email" value="' . ( isset( $_POST["cf-email"] ) ? esc_attr( $_POST["cf-email"] ) : '' ) . '" size="40" />';
</span> <span>echo '</p>';
</span> <span>echo '<p>';
</span> <span>echo 'Subject (required) <br />';
</span> <span>echo '<input type="text" name="cf-subject" pattern="[a-zA-Z ]+" value="' . ( isset( $_POST["cf-subject"] ) ? esc_attr( $_POST["cf-subject"] ) : '' ) . '" size="40" />';
</span> <span>echo '</p>';
</span> <span>echo '<p>';
</span> <span>echo 'Your Message (required) <br />';
</span> <span>echo '<textarea rows="10" cols="35" name="cf-message">' . ( isset( $_POST["cf-message"] ) ? esc_attr( $_POST["cf-message"] ) : '' ) . '</textarea>';
</span> <span>echo '</p>';
</span> <span>echo '<p><input type="submit" name="cf-submitted" value="Send"/></p>';
</span> <span>echo '</form>';
</span><span>}</span>3, 2, 1 ... Time ist hoch!
Herzlichen Glückwunsch, wir haben unser eigenes WordPress -Kontaktformular -Plugin erfolgreich entwickelt und ich habe mein früheres Versprechen erfüllt.
<span>function deliver_mail() {
</span>
<span>// if the submit button is clicked, send the email
</span> <span>if ( isset( $_POST['cf-submitted'] ) ) {
</span>
<span>// sanitize form values
</span> <span>$name = sanitize_text_field( $_POST["cf-name"] );
</span> <span>$email = sanitize_email( $_POST["cf-email"] );
</span> <span>$subject = sanitize_text_field( $_POST["cf-subject"] );
</span> <span>$message = esc_textarea( $_POST["cf-message"] );
</span>
<span>// get the blog administrator's email address
</span> <span>$to = get_option( 'admin_email' );
</span>
<span>$headers = "From: <span><span>$name</span> <<span>$email</span>>"</span> . "\r\n";
</span>
<span>// If email has been process for sending, display a success message
</span> <span>if ( wp_mail( $to, $subject, $message, $headers ) ) {
</span> <span>echo '<div>';
</span> <span>echo '<p>Thanks for contacting me, expect a response soon.</p>';
</span> <span>echo '</div>';
</span> <span>} else {
</span> <span>echo 'An unexpected error occurred';
</span> <span>}
</span> <span>}
</span><span>}</span>Wenn Sie dann die Seite vorschauen und das angezeigte Kontaktformular wie unten angezeigt werden.
Um weiter zu verstehen, wie das Plugin erstellt wurde und wie Sie es auf Ihrer WordPress-Site implementieren, kopieren Sie den folgenden Code, fügen Sie in eine Datei ein und laden Sie ihn in Ihr/WP-Content/Plugins/Verzeichnis hoch.
Hier ist das gesamte Plugin -Beispiel:
<span><span><?php </span></span><span><span>/* </span></span><span><span>Plugin Name: Example Contact Form Plugin </span></span><span><span>Plugin URI: http://example.com </span></span><span><span>Description: Simple non-bloated WordPress Contact Form </span></span><span><span>Version: 1.0 </span></span><span><span>Author: Agbonghama Collins </span></span><span><span>Author URI: http://w3guy.com </span></span><span><span>*/ </span></span><span> <span>// </span></span><span> <span>// the plugin code will go here.. </span></span><span> <span>// </span></span><span><span>?></span></span>
Dies ist nur ein einfaches Beispiel. Wenn Sie mehr über die Plugin -Entwicklung erfahren möchten, werden hier einige empfohlene Lesung empfohlen:
Lassen Sie mich Ihre Gedanken und Fragen in den Kommentaren wissen.
Kann ich meinem WordPress -Kontaktformular benutzerdefinierte Felder hinzufügen? Die Möglichkeit, benutzerdefinierte Felder hinzuzufügen. Dies kann von einfachen Texteingaben bis hin zu komplexeren Feldern wie Datei -Uploads, Datumspickern oder sogar benutzerdefinierten Tropfen reichen. Der Prozess beinhaltet die Änderung des HTML des Formulars und die angemessene Behandlung der Daten in Ihrem PHP -Code.
Wie kann ich meinem WordPress-Kontaktformular eine Captcha hinzufügen? Integration in einen Captcha -Dienst wie Google Recaptcha. Dies erfordert, dass Sie API -Schlüssel aus dem Dienst erhalten und Ihrem Formular den erforderlichen HTML- und PHP -Code hinzufügen. Captcha schützt Ihre Form vor Spam- und automatisierten Einsendungen.
Das obige ist der detaillierte Inhalt vonErstellen Sie Ihr eigenes WordPress -Kontaktformular -Plugin in 5 Minuten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
