正文

WordPress如何轻松添加表单提交功能

admin
admin V管理员 /677阅读/0评论
0305
文章最后更新时间2026年03月05日，若文章内容或图片失效，请留言反馈！
WordPress是一种流行的内容管理系统（CMS），用户可以轻松为其网站添加各种功能，为了在WordPress中轻松添加表单提交功能，您可以使用内置的Contact Form 7插件，安装并激活该插件；在WordPress后台，依次点击“外观”>“自定义”>“CF7”，进入其设置页面；根据需要配置表单字段、标题和邮件模板；将CF7模板嵌入到您的网站页面中，这样，用户即可通过表单提交功能与您的网站互动。

随着互联网的快速发展,越来越多的网站和博客需要用户与他们进行互动，而实现这一目标的一种常见方法是使用WordPress的表单功能，本文将详细介绍如何在WordPress中添加表单提交功能。

创建一个表单页面

在WordPress主题文件夹的pagetemplates目录下，创建一个新的文件，建议取名为form_template.php，在这个文件中，您可以使用HTML和PHP代码来构建表单的基本结构。

示例代码（form_template.php）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">表单提交示例</title>
</head>
<body>
    <h1>请填写以下表单</h1>
    <form action="submit_form.php" method="post">
        <label for="name">姓名：</label>
        <input type="text" id="name" name="name" required><br><br>
        <label for="email">邮箱：</label>
        <input type="email" id="email" name="email" required><br><br>
        <label for="message">留言：</label><br>
        <textarea id="message" name="message" rows="4" cols="50" required></textarea><br><br>
        <input type="submit" value="提交">
    </form>
</body>
</html>

上述代码定义了一个简单的表单页面,包含姓名、邮箱和留言三个输入框，以及一个提交按钮。

在主题文件中加载表单模板

打开您的WordPress主题文件（通常位于wp-content/themes/your_theme目录下），找到functions.php文件，在该文件中，添加以下代码，以加载我们刚刚创建的表单模板。

function my_theme_enqueue_forms() {
    wp_enqueue_script('form_template');
}
add_action('wp_enqueue_scripts', 'my_theme_enqueue_forms');

这段代码会注册我们的表单模板,并在每个页面加载时自动显示。

处理表单提交

我们需要创建一个处理表单提交的PHP文件,在同一目录下，新建一个名为submit_form.php的文件，并添加以下代码：

<?php
// 连接数据库（可选）
// $conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接
// if ($conn->connect_error) {
//     die("连接失败: " . $conn->connect_error);
// }
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $name = $_POST['name'];
    $email = $_POST['email'];
    $message = $_POST['message'];
    // 进行数据库操作（可选）
    // $sql = "INSERT INTO wp_comments (comment_post_ID, comment_author, comment_author_email, comment_text)
    // VALUES ('$post_id', '$author_name', '$author_email', '$comment_text')";
    // if ($conn->query($sql) === TRUE) {
    //     echo "数据已成功插入";
    // } else {
    //     echo "Error: " . $sql . "<br>" . $conn->error;
    // }
    // 显示接收到的数据（可选）
    // echo "姓名: " . $name . "<br>";
    // echo "邮箱: " . $email . "<br>";
    // echo "留言: " . $message;
    wp_mail("youremail@example.com", "收到新消息", "姓名：" . $name . "\n邮箱：" . $email . "\n留言：" . $message);
}
?>

在这段代码中,我们将接收到的表单数据保存到变量中，并可以选择性地将其插入数据库，如果您希望将消息发送给发送者，则可以使用wp_mail()函数，在本示例中，我们选择将该信息通过电子邮件发送给作者。

完成上述步骤后,您已经成功在WordPress中添加了表单提交功能，用户现在可以通过访问您的网站上的特定页面并填写表单来与您互动了。