{"id":3091,"date":"2025-06-11T17:47:16","date_gmt":"2025-06-11T09:47:16","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3091.html"},"modified":"2025-06-11T17:47:16","modified_gmt":"2025-06-11T09:47:16","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e4%b8%ad%e6%b7%bb%e5%8a%a0%e9%80%9a%e8%bf%87%e6%89%8b%e6%9c%ba%e9%aa%8c%e8%af%81%e7%a0%81%e7%99%bb%e5%bd%95","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3091.html","title":{"rendered":"\u5982\u4f55\u5728 WordPress \u4e2d\u6dfb\u52a0\u901a\u8fc7\u624b\u673a\u9a8c\u8bc1\u7801\u767b\u5f55"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n

在 WordPress 网站上添加通过手机验证码登录功能，通常涉及以下几个步骤：首先，你需要确保网站的后台已经安装了“Google Authenticator”插件；其次，你需要在 Google Authenticator 的配置中生成一个新的应用密钥和应用 ID；然后，在 WordPress 后台设置 > 安全设置中启用短信认证，并按照提示创建新的认证方式；最后，你可以根据自己的需求定制验证码的显示样式。<\/p>\n

示例代码<\/h3>\n

以下是一个简单的示例代码，展示如何在 WordPress 后台设置通过手机验证码登录的功能：<\/p>\n

\/\/ 在 functions.php 文件中添加以下代码\nfunction add_google_authenticator_to_wp() {\n    \/\/ 添加到 wp-config.php 文件中的代码\n    define('AUTH_KEY', 'your_secret_key');\n    define('SECURE_AUTH_KEY', 'another_secret_key');\n    define('LOGGED_IN_KEY', 'yet_another_secret_key');\n    define('NONCE_KEY', 'last_secret_key');\n\n    \/\/ 添加到 wp-content\/themes\/your-theme\/functions.php 文件中的代码\n    function google_authenticator_login() {\n        $app_id = get_option('google_authenticator_app_id');\n        $app_secret = get_option('google_authenticator_app_secret');\n\n        if (isset($_POST['login']) && isset($_POST['username'])) {\n            $username = sanitize_text_field($_POST['username']);\n            $password = sanitize_text_field($_POST['password']);\n\n            $user = new WP_User($username);\n            $auth = new Google_AuthenticatorGoogleAuthenticator();\n\n            if ($auth->validate_password($password, $user)) {\n                wp_signon();\n            } else {\n                echo \"Invalid password.\";\n            }\n        }\n\n        if (!isset($app_id) || !isset($app_secret)) {\n            return;\n        }\n\n        ?>\n        <form method=\"post\" action=\"<?php echo $_SERVER[\"PHP_SELF\"]; ?>\">\n            <input type=\"hidden\" name=\"action\" value=\"authenticate\">\n            <label for=\"username\">Username:<\/label>\n            <input type=\"text\" id=\"username\" name=\"username\" required>\n            <br><br>\n            <label for=\"password\">Password:<\/label>\n            <input type=\"password\" id=\"password\" name=\"password\" required>\n            <br><br>\n            <button type=\"submit\">Login with Google Authenticator<\/button>\n        <\/form>\n        <?php\n    }\n\n    register_activation_hook(__FILE__, 'add_google_authenticator_to_wp');\n}<\/code><\/pre>\n
使用步骤及效果<\/h3>\n
    \n
  1. \n
    激活插件<\/strong>：<\/p>\n
      \n
    • 登录 WordPress 后台。<\/li>\n
    • 找到“插件”，点击“安装新插件”。<\/li>\n
    • 选择并安装“Google Authenticator”。<\/li>\n<\/ul>\n<\/li>\n
    • \n
      设置 Google Authenticator 应用密钥和应用 ID<\/strong>：<\/p>\n
        \n
      • 在 Google Authenticator 设置页面中，生成一个新的应用密钥和应用 ID。<\/li>\n<\/ul>\n<\/li>\n
      • \n
        在 WordPress 后台启用短信认证<\/strong>：<\/p>\n
          \n
        • 进入“设置” -> “安全设置”。<\/li>\n
        • 启用“短信认证”选项。<\/li>\n
        • 按照提示填写新的认证方式名称、应用 ID 和应用密钥。<\/li>\n<\/ul>\n<\/li>\n
        • \n
          定制验证码显示样式<\/strong>（如果需要）：<\/p>\n
            \n
          • 根据需要调整验证码的字体大小、颜色等样式。<\/li>\n<\/ul>\n<\/li>\n
          • \n
            测试登录<\/strong>：<\/p>\n
              \n
            • 在前台输入用户名和密码后，点击“Login with Google Authenticator”。如果一切设置正确，你应该会看到一个带有 Google 验证码的登录表单，输入正确的验证码后可以成功登录。<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
              通过以上步骤，你可以在 WordPress 站点上实现通过手机验证码登录的功能。这个过程可以帮助提高网站的安全性，保护用户的个人信息。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
              \r\n
              \r\n
              \r\n
              \r\n
              \r\n
              \"黑板前的Bug语法讲师\"<\/figure>\r\n\r\n\r\n\r\n
              黑板前的Bug语法讲师<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
              \r\n
              \r\n
              在WordPress中添加通过手机验证码登录功能需要以下步骤：<\/p>\n
                \n
              1. 安装并配置PhoneGap PHP库<\/li>\n<\/ol>\n
                首先，你需要安装并配置PhoneGap PHP库。这将允许你的网站使用手机验证码功能。<\/p>\n
                  \n
                1. 创建一个PHP文件来处理验证码请求<\/li>\n<\/ol>\n
                  接下来，创建一个新的PHP文件（例如：verify.php<\/code>），并在其中编写以下代码：<\/p>\n
                  <?php\nsession_start();\nif (!isset($_SESSION['phone'])) {\n    $_SESSION['phone'] = uniqid() . '-' . rand(100, 999);\n}\n\n$otp = rand(1000, 9999);\n\n\/\/ 验证码验证函数\nfunction validate_otp($code) {\n    return $code == $_SESSION['phone'];\n}\n\n\/\/ 请求验证码\necho \"请输入验证码: \";\n$input = trim(fgets(STDIN));\nif (validate_otp($input)) {\n    echo \"验证码正确！\";\n} else {\n    echo \"验证码错误，请重新输入。\";\n}\n?><\/code><\/pre>\n
                    \n
                  1. 在WordPress主题中启用验证插件<\/li>\n<\/ol>\n
                    然后，在你的WordPress主题中启用验证插件，以便在用户提交表单时验证他们的手机验证码。你可以使用以下代码启用验证插件：<\/p>\n
                    add_action('wp_head', 'my_custom_wp_head');\nfunction my_custom_wp_head() {\n    wp_enqueue_style('custom-style', get_stylesheet_uri());\n    wp_enqueue_script('custom-script', get_template_directory_uri() . '\/js\/custom.js', ['jquery'], null, true);\n    ?>\n    <script type=\"text\/javascript\">\n        jQuery(document).ready(function($) {\n            $('#submit').click(function(event) {\n                event.preventDefault();\n                var phone = $('#phone').val();\n                if(validate_phone(phone)){\n                    \/\/ 用户验证成功，可以执行后续操作。\n                }else{\n                    alert(\"手机号错误！\");\n                }\n            });\n        });\n    <\/script>\n    <?php\n}\n\nadd_filter('login_url', 'set_login_url');\nfunction set_login_url($url) {\n    return add_query_arg('phone', '', $url);\n}<\/code><\/pre>\n
                      \n
                    1. 在HTML表单中使用jQuery验证<\/li>\n<\/ol>\n
                      最后，确保在你的HTML表单中包含jQuery验证代码，以便在用户提交表单前验证他们的手机验证码。你可以使用以下代码：<\/p>\n
                      <form method=\"post\" action=\"\">\n    <div class=\"form-group\">\n        <label for=\"phone\">请输入您的手机号:<\/label>\n        <input type=\"text\" name=\"phone\" id=\"phone\" class=\"form-control\" required>\n    <\/div>\n    <button type=\"submit\" id=\"submit\" class=\"btn btn-primary\">获取验证码<\/button>\n<\/form>\n\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery.mask\/1.14.16\/jquery.mask.min.js\"><\/script><\/code><\/pre>\n
                      现在，当用户提交表单时，如果他们输入正确的手机验证码，他们将被重定向到预定的URL，该URL包含了用户的手机号和唯一的验证令牌。这样，即使用户忘记了自己的密码，他们仍然可以通过手机验证码找回自己的账户。<\/p>\n
                      以上就是在WordPress中添加通过手机验证码登录功能的基本步骤。请注意，这只是一个基本的实现方式，实际应用中可能还需要根据具体需求进行调整。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
                      Bug编译狮 在 WordPress 网站上添加通过手机验证码登录&..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[2107,2106],"tuisongtax":[],"class_list":["post-3091","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-cjyy","tag-cjzn"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=3091"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3091\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3091"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}