今天分享下如何添加谷歌recaptcha教程,如果你使用的是contact form 7 联系表单的话添加recaptcha可以有效避免群发的垃圾评论。添加谷歌recaptcha需要注册一个谷歌账户,没有的话需要注册一个,否则没办法添加。
下面进入实操步骤。
#1:回到Wordpress网站后台控制台,找到联系,选择整合
![](http://sohoblogger.com/wp-content/uploads/2020/07/点击整合.jpg)
点击整合后进入联系表单,如下图,点击google.com/recaptcha进入谷歌创建recaptcha秘钥
![](http://sohoblogger.com/wp-content/uploads/2020/07/点击google.comrecaptcha进入谷歌.jpg)
![](http://sohoblogger.com/wp-content/uploads/2020/07/Xnip2020-07-24_21-42-08-1024x440.jpg)
![](http://sohoblogger.com/wp-content/uploads/2020/07/Xnip2020-07-24_21-43-26-1024x284.jpg)
![](http://sohoblogger.com/wp-content/uploads/2020/07/Xnip2020-07-24_21-49-15.jpg)
填入域名及相关信息
点击提交后会得到两串秘钥如下图所示
![](http://sohoblogger.com/wp-content/uploads/2020/07/Xnip2020-07-24_21-50-54.jpg)
复制在谷歌生成的两串秘钥,填入到网站联系表单的配置栏里点击提交。
![](http://sohoblogger.com/wp-content/uploads/2020/07/Xnip2020-07-24_22-24-05.jpg)
![](http://sohoblogger.com/wp-content/uploads/2020/07/Xnip2020-07-24_22-26-18-1.jpg)
填入秘钥
点击保存更改就完成给网站配置谷歌recaptcha验证,添加后可以有效的避免一些用群发软件发的垃圾信息。
![](http://sohoblogger.com/wp-content/uploads/2020/07/Xnip2020-07-24_22-26-43.jpg)
配置成功后会在网站的右下角有一个下图所示的图标
![](http://sohoblogger.com/wp-content/uploads/2020/07/Xnip2020-07-24_22-59-10.jpg)
到此就完成了google recaptcha验证的添加。
V3版本的recaptcha的图标会一直在右下角,影响页面整体美观,有强迫症的可以使用css把标志隐藏,使用以下代码
.grecaptcha-badge { display: none; }
回到控制台,找到外观》自定义》额外CSS,填入以上代码,点击发布,刷新后右下角的recaptcha标志就会隐藏。
![](http://sohoblogger.com/wp-content/uploads/2020/07/Xnip2020-07-24_23-10-46.jpg)
![](http://sohoblogger.com/wp-content/uploads/2020/07/Xnip2020-07-24_23-11-08.jpg)