5种方式给WordPress博客用户登录页面添加验证码

使用WordPress程序后台登录是很方便，如果没有验证码很容易给工具暴力破解密码，所以我们要添加免插件运算验证码功能，也可以使用插件版的验证码功能，还是老一句插件用多了影响网站加载速度影响网速，之前我曾经分享过WordPress后台登录页面运算验证码方法，今天再分享5种给大家！

代码部署

登陆你的后台管理，选择【外观】–【编辑】–【模板函数 (functions.php)】直接添加下面全部代码：【?>前面】即可。

第一种：混合数验证码演示图：【跳转版】

1. /*-----------------------------------------------------------------------------------*/
2. /* WordPress登陆后台随机混合数验证码
3. /*-----------------------------------------------------------------------------------*/
4. # 登录后台添加验证码第一种
5. function loper_login_english_figures() {
6. # 获取英语和数字随机数, 范围0~99，目前是0~5，5位数
7. $num1=substr(md5(mt_rand(0,99)),0,5);
8. echo "<p>
9. <label for='math' class='small'>验证码：$num1 </label>
10. <input id='math' type='text' name='sum' class='input' value='' size='25'>
11. <input type='hidden' name='num1' value='$num1'></p>";
12. }
13. add_action('login_form','loper_login_english_figures');
14. # 判断验证码是否空白和错误
15. function loper_login_calculation() {
16. $sum=$_POST['sum'];
17. switch($sum){
18. case $_POST['num1']:break;
19. case null:wp_die( __( '错误：请填入验证码！' ), '', array( 'back_link'=>true ) );break;
20. default:wp_die( __( '错误：验证码不正确！' ), '', array( 'back_link'=>true ) );}
21. }
22. add_action('login_form_login','loper_login_calculation');

第二种：随机数字验证码演示图：【验证码在框里】【跳转版】

1. /*-----------------------------------------------------------------------------------*/
2. /* WordPress登陆后台随机数字验证码
3. /*-----------------------------------------------------------------------------------*/
4. # 登录后台添加验证码第二种
5. function loper_login_english_figures() {
6. # 获取两个随机数, 范围0~99
7. $num1=rand(0,99);
8. $num2=rand(0,99);
9. echo "<p>
10. <label for='math' class='small'>验证码</label>
11. <input id='math' type='text' name='sum' class='input' size='25' placeholder='$num1 + $num2 = ? '>
12. <input type='hidden' name='num1' value='$num1'>
13. <input type='hidden' name='num2' value='$num2'></p>";
14. }
15. add_action('login_form','loper_login_english_figures');
16. # 判断验证码是否空白和错误
17. function loper_login_calculation() {
18. $sum=$_POST['sum'];
19. switch($sum){
20. case $_POST['num1']+$_POST['num2']:break;
21. case null:wp_die( __( '错误：请填入验证码！' ), '', array( 'back_link'=>true ) );break;
22. default:wp_die( __( '错误：验证码不正确！' ), '', array( 'back_link'=>true ) );}
23. }
24. add_action('login_form_login','loper_login_calculation');

第三种：随机数字验证码演示图：【跳转版】

1. /*-----------------------------------------------------------------------------------*/
2. /* WordPress登陆后台随机数字验证码
3. /*-----------------------------------------------------------------------------------*/
4. # 登录后台添加验证码第三种
5. function loper_login_english_figures() {
6. # 获取两个随机数, 范围0~99
7. $num1=rand(0,99);
8. $num2=rand(0,99);
9. echo "<p>
10. <label for='math' class='small'>验证码：$num1 + $num2 = ? </label>
11. <input id='math' type='text' name='sum' class='input' size='25'>
12. <input type='hidden' name='num1' value='$num1'>
13. <input type='hidden' name='num2' value='$num2'></p>";
14. }
15. add_action('login_form','loper_login_english_figures');
16. # 判断验证码是否空白和错误
17. function loper_login_calculation() {
18. $sum=$_POST['sum'];
19. switch($sum){
20. case $_POST['num1']+$_POST['num2']:break;
21. case null:wp_die( __( '错误：请填入验证码！' ), '', array( 'back_link'=>true ) );break;
22. default:wp_die( __( '错误：验证码不正确！' ), '', array( 'back_link'=>true ) );}
23. }
24. add_action('login_form_login','loper_login_calculation');

第四种：随机混合数验证码演示图：【提示版】

1. /*-----------------------------------------------------------------------------------*/
2. /* WordPress登陆后台随机混合数验证码
3. /*-----------------------------------------------------------------------------------*/
4. # 登录后台添加验证码第四种
5. function loper_login_english_figures() {
6. # 获取英语和数字随机数, 范围0~99，目前是0,5【5位数】
7. $num1=substr(md5(mt_rand(0,99999)),0,5);
8. echo "<p>
9. <label for='math' class='small'>验证码：$num1 </label>
10. <input id='math' type='text' name='sum' class='input' size='25'>
11. <input type='hidden' name='num1' value='$num1'></p>";
12. }
13. add_action('login_form','loper_login_english_figures');
14. # 判断验证码是否空白和错误
15. function loper_login_calculation($redirect, $bool, $errors) {
16. $sum=$_POST['sum'];
17. switch($sum){
18. case $_POST['num1']:break;
19. case null:$errors->add( 'zlinet', "<strong>错误</strong>：请输入验证码！" ); break;
20. default:$errors->add( 'zlinet', "<strong>错误</strong>：验证码不正确！" );}
21. }
22. add_action('login_redirect','loper_login_calculation', 9, 9);

第五种：随机数字验证码演示图：【提示版】

1. /*-----------------------------------------------------------------------------------*/
2. /* WordPress登陆后台随机数字验证码
3. /*-----------------------------------------------------------------------------------*/
4. # 登录后台添加验证码第五种
5. function loper_login_english_figures() {
6. # 获取两个随机数, 范围0~99
7. $num1=rand(0,99);
8. $num2=rand(0,99);
9. echo "<p>
10. <label for='math' class='small'>验证码</label>
11. <input id='math' type='text' name='sum' class='input' size='25' placeholder='$num1 + $num2 = ? '>
12. <input type='hidden' name='num1' value='$num1'>
13. <input type='hidden' name='num2' value='$num2'></p>";
14. }
15. add_action('login_form','loper_login_english_figures');
16. # 判断验证码是否空白和错误
17. function loper_login_calculation($redirect, $bool, $errors) {
18. $sum=$_POST['sum'];
19. switch($sum){
20. case $_POST['num1']+$_POST['num2']:break;
21. case null:$errors->add( 'zlinet', "<strong>错误</strong>：请输入验证码！" ); break;
22. default:$errors->add( 'zlinet', "<strong>错误</strong>：验证码不正确！" );}
23. }
24. add_action('login_redirect','loper_login_calculation', 9, 9);

提示：如果你感觉随机混合数不够长的话，【0.5】改为【0.6】！