如何在WordPress中添加一键Google登录

02/23/2024

为什么要在WordPress中添加一键Google登录?

许多网民在使用Google应用时会保持登录状态,比如Gmail、Drive和Docs等应用,这也让他们省去了每次单独登录的麻烦。在您的WordPress登录表单中启用一键Google登录,让用户在您的网站上也可以享受同样的便利,省时快捷。此外,对于使用Google Workspace进行专业业务邮件的组织,团队成员可以使用组织的Google应用账号进行登录。对于任何需要用户登录的网站,如多作者网站、会员网站以及在线课程销售网站,此功能都非常有帮助。

提示:要添加一键Google登录,您的网站需要具备安全的SSL加密。要了解如何设置安全连接,可以参阅我们的HTTPS入门指南。

如何在WordPress中添加一键Google登录

首先,您需要安装并激活Nextend Social Login and Register插件。激活后,进入WordPress管理员区域的设置 » Nextend Social Login。在此屏幕上,您会看到可用的多种社交登录选项。要在WordPress网站中添加Google登录,点击Google徽标下的’Getting Started’按钮。在这里,您将看到创建Google应用程序的第一步。创建Google应用程序听起来很技术化,但别担心,我们将引导您完成所有步骤。

创建Google应用程序

要创建此应用程序,您需要在WordPress仪表板和Google开发者控制台之间切换。现在,可以访问Google开发者控制台网站。如果尚未登录,系统会要求您使用Google账户登录。接下来,从顶部菜单中点击’选择项目’。会打开一个弹窗,您需点击’新建项目’按钮继续。打开新项目页面后,输入项目名称并选择位置名称可任意,如‘Google登陆’。然后,点击‘创建’按钮继续。然后转到”OAuth同意屏幕“,选择您允许登录的用户类型,随后开始添加您的应用信息。

在应用程序创建中确认OAuth授权信息后,创建响应的授权凭据,并创建OAuth客户端ID,确保选择‘Web应用’的方法类型,并设置授权重定向URI:http://example.com/wp-login.php?loginSocial=google,记得根据需要替换自己的网站地址。

完成后,回到插件设置,将获取的‘客户端ID’和‘客户端密码’粘贴到Nextend Social Login的设置中并点击保存。验证设置无误后,启用Google登录。现在当用户登录您的网站时,他们可以选择使用Google进行登录。用户的Google账号需是已用作注册您网站的电子邮件地址。如果您允许用户在您的WordPress网站上注册,他们可以通过一键Google登录快捷注册网站账号。

注意:要在其他地方添加Google登录按钮,可以使用短码实现。关于更多详情,可以访问Nextend的‘使用指南’页面。希望这篇文章帮助您在WordPress中添加了便捷的Google登录。如果您想了解更多定制WordPress登录体验的指南,可以查看我们其他相关文章。



Related Posts

  • 2025-01-31
  • WordPress 插件

通知评论者他们的评论已获批准是在您的网站上鼓励对话的简单而有效的方法。然而,WordPress 默认情况下不会在评论发布时通知用户,这可能导致他们对评论的状态感到困惑。有许多网站拥有者问我们如何解决此问题,因此我们编写了这篇指南来帮助您!在这篇文章中,我们将展示如何轻松通知用户他们的评论已在 WordPress 中被批准,以保持互动积极并吸引更多观众参与。

閱讀更多
  • 2025-01-31
  • WordPress 插件

想知道我们在 WPressize Me 如何通过添加标题属性和 nofollow 标签来改善用户体验和SEO吗?默认的 WordPress 编辑器并不容易提供这些选项。本文将为您简要介绍如何在 WordPress 的插入链接弹出窗口中为链接添加标题和 nofollow 属性选项,以便简化工作流程和提升您的SEO努力。

閱讀更多
  • 2025-01-28
  • WordPress 插件

你是否想在你的WordPress网站上启用Imagick?大多数情况,WordPress会自动使用Imagick来管理所有网站的图像。然而,通过调整默认的Imagick设置,你可以提高网站性能或向访客展示更高质量的图像。在本文中,我们将展示如何在你的WordPress网站上启用Imagick,并自定义其设置以改善访客体验。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>