WordPress知识分享

Contact Form7+Really Simple CAPTCHA生成表单验证码

Contact Form7插件是大家耳熟能详的一款 WordPress表单,之前老魏也详细介绍过相关的功能设置。今天一位同学问老魏能不能添加验证码功能,用来屏蔽垃圾信息。CF7添加验证码很简单,通过自带功能即可。

生成 CF7表单验证码的关键有两步,一是申请 Google recaptcha密钥,二是安装 Really Simple CAPTCHA插件。

1、安装 CF7插件

安装过程请移步Contact Form 7插件,写的很详细了。

2、申请 Google recaptcha密钥

详细申请步骤请参考Google reCAPTCHA验证的相关部分,这里就不重复了。

3、部署Really Simple CAPTCHA插件

在 WordPress后台>插件>安装插件,搜索 Really Simple CAPTCHA 并安装启用即可。

部署Really Simple CAPTCHA插件

这个插件无需任何设置,启用就行了。

4、集成 Google recaptcha密钥

在 WordPress后台>联系>整合,找到 reCAPTCHA人机识别系统,点击“配置集成”

集成 Google recaptcha密钥

把第二步申请到的 Google recaptcha站点密钥和密钥分别填入,保存。

申请到的 Google recaptcha站点密钥和密钥分别填入

5、CF7表单添加验证码

CF7有三种验证码格式,效果如下所示:

默认格式:

输入此验证码:[captchac captcha-170]
[captchar captcha-170 4/4]

小尺寸图片,镂空

输入此验证码:[captchac captcha-778 size:s fg:#ffffff bg:#000000]
[captchar captcha-778 4/4]

大尺寸图片,绿色文字

输入此验证码:[captchac captcha-118 size:l fg:#00ff00 bg:#ffffff]
[captchar captcha-118 4/4]

效果如下图所示:

CF7表单添加验证码

6、总结

验证码在页面中的效果如下图所示,输入所有相关信息,确定提交就可以了。

本文内容在 WordPress5.9 和 Hostinger虚拟主机测试成功。

CF7表单验证码效果
赞(2)
文章名称:《Contact Form7+Really Simple CAPTCHA生成表单验证码》
文章链接:https://www.vpsss.net/28257.html
版权声明:本站资源仅供个人学习交流,禁止转载,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。