表单有点像我们平时填写的表格,表单可以直接在线填写。你可以设计一些表单来向用户收集一些有用的信息,每个用户填写的表单,我们都可以通过网站的后台来查看。
下面我们可以创建一个婚礼服务商的申请表单,想要成为婚礼服务商可以在线填写我们设计好的表单内容,比如申请人的资质,作品等等。
首先我们要安装一个 WordPress Form Manager 插件,中文可以翻译成 表单管理 插件 …
你可以直接在插件库里搜索这个插件,然后安装,或者你也可以直接安装课程资料包里附带的中文版的插件。
点击 插件 ,安装插件,点击 上传 … 选择文件 … 找到 xx-xx 里的 xxx.zip … 然后点击 现在安装 …
然后点击 启用 ...
因为我们的 WordPress 安装了 Members ,也就是成员插件,所以我们要检查一下 管理员 角色,看看 Form Manager 插件有没有创建新的功能…
点击 用户 … 角色 ,找到 Administrator 角色 … 点击 编辑 …
在这里你会看到一些以 form_manager 开头的没有被勾选的功能 … 我们把它们都勾选上 … 这样管理员才有功能使用表单管理插件 …
点击 更新角色 …
这样在管理导航菜单上,你会看到 表单 … 点击打开…
设置
提示现在还没有任何的表单,等会我们再来创建一个表单… 先打开 设置 来看一下 …
勾选发送给管理员 这个选项,这样在用户提交表单之后,可以发送一封邮件提供管理员,有户提交了表单…
下面我们改一下默认表单设置…
默认的标题,我们改成 新表单 … 提交确认 输入 … 恭喜!数据已提交成功。 用户点击提交以后,会出现这个提示 …
下面的 reCAPTCHA 设置就是验证码的设置,它的功能就是防止提交垃圾信息。如果我们为表单了添加验证码元素,那么在用户提交表单前要输入一个动态生成的验证码。
想要使用它的话,你需要先去申请一个 API 密钥,reCAPTCHA 是 Google 提供了服务 … 要注意是,如果你在国内,尽量不要使用它,因为国内访问 Google 经常会遇到问题。
高级设置
再来看一下高级设置 …
文本验证这里,我们可以配置一些规则,这样在创建表单的时候可以选择这里设置的规则,来验证用户输入的内容,比如你在表单里添加了一个收集 E-Mail 的表单元素,你可以在这里定义的 E-Mail 验证 … 这样用户输入 E-Mail 的时候,如果忘了 @ 符号,就会出现一个错误提示。
提示的内容你可以在 错误信息 这栏里设置。
在下面你还可以配置插件的短代码,默认是 form ,使用这个短代表,你可以在文章或者页面里插入设计好的表单 … 在后面的视频里我们讲到具体的用法。