如何向 WordPress 网站添加社交登录

社交登录允许访问者登录网站,而无需创建用户帐户。 使用 Facebook 和 Google 等其他网站的帐户凭据登录。 这是一个有用的功能,但它在提供社交登录方面有其优缺点。

主要优点是方便游客。 在大多数情况下,登录更容易增加参与。 事实是 大多数访问者宁愿不想为不同的网站创建帐户.

缺点是无法构建比鼓励访问者在网站上创建帐户更广泛的用户数据库。 您收到的有关使用社交登录的访问者的信息 取决于平台.

但是,如果您不需要收集特定数据,则社交登录的优点很容易超过缺点。

此 WordPress 社交登录教程 文字新闻社交登录 插件。 该插件的免费版本为 Facebook、Google、推特、Instagram 和领英用户(和其他五个平台)提供登录名。

本教程介绍插件的社交登录功能。 但是,该插件还提供社交共享按钮和社交评论。 社交评论允许登录 Facebook 或 Google 的用户无需登录网站即可发表评论。

我们不会在这里讨论这些功能,但值得一看。

让我们开始吧。

安装 WordPress 社交登录插件

登录到 WordPress 管理面板。

在左侧列导航中,单击[プラグイン]将鼠标悬停在链接上,然后单击[新規追加]单击链接。

在“搜索插件…”框中键入“WordPress 社交登录”。

查找 WordPress 社交登录插件

找到插件后,单击“立即安装”按钮。

点击安装WordPress社交登录插件

单击“激活”按钮。

单击以激活 WordPress 社交登录插件

设置按字社交登录

首次访问设置时,插件将进行引导式浏览。 此处的屏幕截图显示在游览后(或跳过游览时)。

设置社交登录时,有几个选项。 您可以使用从提供商处获取的“应用 ID”和“应用机密”自行设置每个登录名。 例如,要设置 Google 登录名,您需要创建一个 Google 开发人员项目以获取应用 ID。

但是,我们使用的社交登录插件提供了替代方法。 处理平台审批,并节省自己注册每个审批的时间和麻烦。 这是您在此处使用的选项。

在左侧列导航中,将鼠标悬停在“迷你Orange社交登录,共享”链接上,然后单击“社交登录”链接。

["ソーシャルログイン" リンク

「アプリの構成」タブが表示されます。ソーシャルネットワークログインを有効にするには、対応するトグルスイッチをクリックします。

追加するネットワークのトグル スイッチをクリックします

構成ウィンドウが開きます。

「事前設定されたminiOrangeアプリ」トグルスイッチをクリックします。

["事前設定されたミニオレンジアプリ" トグルスイッチ

これにより、「miniOrangeで登録」ボックスが開きます。登録情報を入力し、「登録」ボタンをクリックしてください。

ミニオレンジに登録する

アカウント確認は必要ありません。miniOrangeアカウントが登録されると、ソーシャルプラットフォームが「アクティブ」とマークされます。

ソーシャルネットワークがアクティブ

このチュートリアルが書かれた時点では、Facebookログインを自動的に追加することはできませんでした。Facebook開発者コンソールでアプリIDとアプリシークレットを取得する必要があります。詳細な手順は、プラグインページ。

あなたが あなたのワードプレスのサイトに訪問者の登録を許可するをクリックすると、ログインページにソーシャルログインオプションが表示されます。

ログインページのソーシャルネットワーク

プラットフォームを追加すると、ログインが表示されます。

ログインページ上の複数のソーシャルネットワーク

誰かがソーシャルログインであなたのサイトにログインするとどうなるか

ユーザーがソーシャルログインを使用してサイトにログインすると、「購読者」として登録され、ユーザーリストに追加されます。

ワードプレスのソーシャルログインユーザー

ソーシャルログインアイコンのカスタマイズ

ログインアイコンのデフォルトの外観が気に入らない場合は、簡単に変更できます。

「ソーシャルログイン」セクションで、「ソーシャルログインアイコンのカスタマイズ」タブをクリックします。

ソーシャルログインアイコンのカスタマイズ

オプションには、小さな正方形または丸いボタンを使用したり、ボタンのテキストと色を変更したりする機能が含まれます。変更をリアルタイムで表示するための便利なプレビューウィンドウがあります。変更は、下にスクロールして[保存]在单击该按钮之前,不会保存该按钮。

显示选项

“显示选项”选项卡控制登录按钮的显示位置。 默认情况下,它们位于您的登录页面上,但您也可以将其放在注册页面或评论部分。

评论中的社交登录图标

如您所见,当您在主页或帖子中看到登录按钮时,将应用主题 CSS。 在这种情况下,使用 WordPress 主题 Twenty 19 主题,字体与在登录页上看到的内容相比已更改。 所以你可能不得不 应用一些额外的 CSS 以设置按钮的样式。

在这种情况下,WordPress 主题是可自定义的。 所以我去了

外观>自定义>附加 CSS

将不衬里字体应用于登录按钮类,如下所示:

.login-button {
  font-family: sans-serif;
}

它帮助的外观:

评论日台词社交登录图标

当按钮显示在评论中时,您不知道 Google 徽标发生了什么。 向开发人员发送消息,并在收到回复时发布更新。

帽子提示给开发人员,为从按钮显示中删除徽标提供方法。 只需单击“显示选项”选项卡上的“在所选表单上显示带有社交登录图标的迷你 Orange 徽标”选项即可。

取消选中并删除开发人员徽标

在特定页面或帖子上显示登录按钮

您不限于在提供的位置显示社交登录按钮。 有一个短代码,可用于放置在任何地方。

[miniorange_social_login]

在这里,我们在页面中间添加了一个短代码。

没有理由向主页添加社交登录,但此处是为了演示可能性。

使用短代码放置的登录按钮

卸载 WordPress 社交登录插件时会发生什么情况?

卸载插件时,请记住以下事项:

  • 社交登录不再可用。
  • 使用社交登录登录时创建的用户将无法登录(电子邮件地址 可以 用作用户名,但需要重置密码才能创建密码。
  • 由于插件的短代码不再工作,因此短代码本身将显示在使用的位置。

减少摩擦,改善沟通

通过提供多种登录 WordPress 网站的方法,提高访问者的参与度。 这一点是显而易见的。 因此,尽你所能,使游客更容易,将符合你的最佳利益。

将用户授权传递到其他平台并不总是理想的。 我明白了 但是,如果替代方案被进入壁垒驱赶,这可能是一个合理的权衡。

人是社会生物。 您的访客 我想 他们给一个召唤 这个插件使他们更容易做到这一点。

是否允许在 WordPress 网站上注册用户? 您是否正在寻找替代或替代方法? 请在评论中告诉我们。

给TA打赏
共{{data.count}}人
人已打赏
WordPress 教程

如何在 WordPress 中启用新的图像大小选项

2022-9-10 14:50:38

WordPress 教程

如何跟踪特定类别的 WordPress 流量

2022-9-10 16:52:47

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索