在 WordPress 网站中,表单是连接访客与站长的重要桥梁 —— 无论是联系表单、报名表单还是反馈表单,都能帮你收集用户信息。但很多人不知道该用代码手动创建,还是直接用插件。本文就从基础到实战,教你搞定 WordPress 代码表单,兼顾灵活性和安全性。
一、WordPress 代码表单的基础知识:先搞懂这些
WordPress 代码表单是什么?简单说,就是用 HTML、PHP 等代码编写的表单,能让用户在网页上输入信息(如姓名、邮箱、留言)并提交给网站管理员。比如常见的 “联系我们” 页面,访客填写信息后,内容会发送到你的邮箱。
WordPress 表单的作用可不少。它能收集用户反馈、接受报名申请、获取客户线索,甚至能作为简单的订单系统。对企业站来说,一个好用的表单能提高转化率;对个人博客来说,联系表单能方便读者沟通。
WordPress 表单的类型有很多,按用途分有:联系表单、注册表单、调查问卷、订单表单等;按功能分有:单页表单、多步骤表单、带文件上传的表单等。不同类型的表单,代码结构和功能逻辑会略有差异。
WordPress 表单的工作原理不复杂:用户在前端填写信息并提交,数据通过服务器发送到指定邮箱或数据库,同时给用户显示 “提交成功” 的提示。整个过程需要前端代码(显示表单)和后端代码(处理数据)配合。
WordPress 表单的默认功能比较基础。如果不额外开发或用插件,默认只能实现简单的信息提交,没有验证、文件上传等功能,所以多数时候需要自定义或用插件扩展。
二、WordPress 代码表单的创建方法:4 种方式任你选
想在网站加个表单,这些方法总有适合你的:
1. 用 HTML 和 PHP 手动创建(适合懂代码的用户)
不用插件也能做基础表单。在文章或页面编辑器切换到 “文本” 模式,输入 HTML 代码:
<form method="post" action="<?php echo esc_url(admin_url('admin-post.php')); ?>"> <input type="text" name="name" placeholder="你的姓名" required> <input type="email" name="email" placeholder="你的邮箱" required> <textarea name="message" placeholder="留言内容"></textarea> <input type="hidden" name="action" value="custom_contact_form"> <button type="submit">提交</button></form>再在主题的functions.php中添加 PHP 代码处理数据(比如发送邮件)。这种方法灵活但耗时,适合需要高度定制的场景。
2. 使用 WordPress 主题文件创建表单(适合主题开发者)
如果要在多个页面用同一表单,可以把代码写在主题的page-contact.php等文件中,通过模板调用。优点是方便管理,改一次所有页面生效;缺点是换主题后表单会消失,适合长期使用同一主题的网站。
3. 用短代码插入表单(新手友好)
把表单代码封装成短代码,在文章中输入[my_form]就能显示。实现方法:在functions.php中添加代码,将 HTML 表单注册成短代码。很多插件也支持短代码,比如 Contact Form 7 生成的表单,用短代码就能插入任何页面。
4. 在 WordPress 文章或页面中添加表单(最常用)
简单直接的方法:用插件生成表单后,在编辑器点击 “添加表单” 按钮选择对应表单,或粘贴短代码。古腾堡编辑器还支持直接插入表单区块,可视化操作,不用碰代码,适合完全不懂技术的用户。
三、WordPress 代码表单的插件推荐:5 款实用工具
不想自己写代码?这些插件能帮你一键生成表单,各有特色:
Contact Form 7是老牌免费插件,功能基础但够用。支持自定义字段、邮件通知,用短代码插入表单,适合个人博客或简单的联系场景。缺点是自定义样式需要懂 CSS,新手可能觉得麻烦。
Gravity Forms是付费插件中的 “全能选手”,支持多步骤表单、文件上传、在线支付等高级功能,可视化编辑器拖拖拽拽就能做表单,适合企业站或电商网站。价格稍高(基础版 59 美元),但物有所值。
Ninja Forms免费版功能就很全,支持条件逻辑(比如选 “其他” 时显示输入框)、表单保存,界面简洁,新手容易上手。高级功能需要付费扩展,适合预算有限但需要一定功能的用户。

WPForms主打 “新手友好”,可视化编辑器像搭积木一样简单,预设了 100 + 模板(联系表单、订单表单等),直接套用再修改就行。免费版够用,高级版支持支付集成,适合想快速建站的用户。
Formidable Forms适合需要数据管理的场景,能把表单数据生成图表、创建会员系统,甚至做简单的 CRM。支持自定义 PHP 代码,兼顾易用性和灵活性,适合开发者或进阶用户。
四、WordPress 代码表单的自定义与优化:让表单更好用
基础表单满足不了需求?这些技巧能让表单更贴合你的网站:
自定义 WordPress 代码表单可以从样式入手。用 CSS 修改字体、颜色、间距,比如给输入框加border: 1px solid #ddd;,按钮加background: #007cba; color: white;,让表单和网站风格统一。插件用户可以在 “外观” 设置中自定义,或用额外的 CSS 代码。
添加自定义字段很简单。比如在联系表单中加 “公司名称”“电话” 字段,插件用户直接拖一个 “单行文本” 字段到表单,改个标签就行;手动编码则需要在 HTML 中加<input type=”text” name=”company”>,并在 PHP 中处理这个字段。
表单的响应式设计不能少,确保在手机上表单能正常显示 —— 输入框宽度设为100%,按钮适应屏幕大小,避免出现横向滚动条。多数插件默认支持响应式,手动编码时注意用百分比宽度而非固定像素。
表单的性能优化也很重要。如果页面加载慢,检查是否加载了不必要的表单脚本,或用插件的 “条件加载” 功能(只在有表单的页面加载脚本)。避免在一个页面放太多表单,影响加载速度。
五、WordPress 代码表单的安全与维护:保护数据安全
表单涉及用户信息,安全问题不能忽视:
WordPress 表单的安全性首先要做好数据验证。前端用required属性做基础验证(比如必填项),后端必须用 PHP 再次验证(比如检查邮箱格式),避免垃圾数据或恶意代码。插件通常会自动处理这些,但手动编码一定要注意。
防止表单注入攻击的关键是过滤用户输入。用 WordPress 的sanitize_text_field()、wp_kses_post()等函数清理输入内容,禁止提交包含<script>等危险标签的内容。
表单数据的存储与管理要规范。敏感信息(如手机号)别明文存数据库,定期导出备份;不用的表单数据及时删除,避免占用空间或泄露风险。插件用户可以在后台查看和管理数据,方便又安全。
表单的更新与维护不能忘。定期更新表单插件,修复安全漏洞;测试表单是否能正常提交(尤其是改了主题或插件后),避免用户提交失败却没人知道。
常见问题 FAQ
- 手动写代码和用插件,哪种方式更好?
简单需求用插件(快且安全),复杂定制用代码(灵活)。比如只是加个联系表单,WPForms 几分钟就能搞定;如果需要和 CRM 系统对接,可能需要手动写代码或用高级插件。
- 表单提交后收不到邮件怎么办?
先检查垃圾邮件文件夹,很多时候邮件会被误判;再在插件设置中换个发件人邮箱(比如用域名邮箱而非默认的 wordpress@你的域名);还可以安装 WP Mail SMTP 插件,用 QQ 邮箱、SendGrid 等服务发送,提高送达率。
- 如何防止表单收到垃圾信息?
启用插件的验证码(如 reCAPTCHA),添加隐藏字段(机器人会填写,人类看不到),或用条件逻辑(比如问个简单问题 “1+1=?”)。这些方法能过滤 90% 以上的垃圾提交。