の検索結果 :

×

会員登録 お問い合わせ

WordPress ウェブサイトに Facebook ログインを統合する方法


統合 Facebook OAuth 2.0プロトコルを使用したWordPress向けソーシャルログイン(Facebook SSO)。
miniOrangeソーシャルログインを使用すると、ユーザーはFacebookアカウントを使用してWordPressウェブサイトにログイン/登録できます。パスワードを覚える必要なく、WordPressウェブサイトにログイン/登録するための最適な選択肢をユーザーに提供します。設定 ソーシャルログイン miniOrangeのWordPress用プラグインを使えば、簡単な手順でFacebook SSOを設定できます。

このプラグインは、ソーシャル メディアを使用してサインアップおよびサインインするオプションを Web サイトに追加するために使用されます。 Facebook だけでなく、Google、Paypal、Pinterest、Disqus、Amazon、Twitter、その他の有名なネットワークも Web サイトに統合できます。 このプラグインは本当に便利で強力ではないでしょうか? 設定方法を見てみましょう。

Web サイトに Facebook ソーシャル ログインを実装する必要があるのはなぜですか?

Facebook ソーシャル ログインを Web サイトに統合すると、多くのメリットがあります。 ユーザーがあなたの Web サイトにアクセスすると、数秒で Web サイトの使用を開始できます。 フォームに記入したり、別の資格情報を覚えたりする必要はありません。 Facebook ソーシャル ログインを使用して、ワンクリックでログインできます。 ウェブサイト上で取得したすべてのユーザーとそのデータは、すでに Facebook によって検証されています。 ユーザーデータが本物であることを保証できます。 認証と認可からなるログインプロセスは Facebook 側で行われます。
これにより、ユーザー アカウントや忘れたパスワードの管理に対処する必要がなくなるため、作業が簡単になります。

OAuth 2.0とは何ですか?

OAuth 2.0 は業界標準の認証プロトコルです。 OAuth 2.0 は、Web アプリ、デスクトップ アプリケーション、携帯電話、リビング ルームのデバイスに特定の認証プロセスを提供しながら、クライアント開発者の使いやすさを優先します。

ソーシャルログインプラグインを使用すると、FacebookをOAuthおよびOpenID Connectプロバイダーとして利用しながら、WordPressへの安全なログインが可能になります。また、Google、Discord、Twitter、Twitch、Apple、Amazon、Stackoverflow、LinkedInなど、複数のOAuthプロバイダーを使用するようにプラグインを設定することもできます。ユーザーがカスタマイズしたアイコン、リダイレクトなど、高度なシングルサインオン機能も利用できます。この記事では、WordPressとFacebook間のSSOの設定方法について説明します。

WordPress 用の Facebook シングルサインオンは、弊社のWordPress用ソーシャルログインプラグインを使用することで実現できますこのガイドでは、WordPress ウェブサイトに Facebook を最も簡単な方法で実装する方法をご紹介します。Facebook ソーシャルログイン以外の機能については、弊社の WordPress 用ソーシャルログインプラグインで提供している機能をご覧ください。詳しくはこちらをクリックしてください。

ソーシャルログインはどのように機能しますか?
ソーシャルログインプロセスは非常に簡単です。 ユーザーは Web サイトにアクセスし、ログインするソーシャル ログイン プロバイダーを選択します。 彼らはソーシャル ネットワーク プロバイダーのサイトに詳細を入力します。 ソーシャルプロバイダーによる認証プロセスが完了すると、ユーザーは WordPress Web サイトの使用を開始できるようになります。 新しいユーザーの場合は登録され、既存のユーザーの場合はログインされます。

Facebookは世界で最も利用されているソーシャルネットワーキングプラットフォームです。2.7億人以上のユーザーを抱えるFacebookは、世界最大のソーシャルネットワークです。

インターネットに接続しているほとんどの人が Facebook のアカウントを持っています。
ユーザーの 86% が、Web サイトで新しいアカウントを作成しなければならないことが煩わしいと報告しています。 すべての Web サイトで新しいアカウントを作成する必要があるシナリオを考えてみましょう。 音がうるさいですよね?
したがって、ユーザーが Facebook を使用して接続できるようにすることで、Web サイトへのアクセスがはるかに簡単になります。 Facebook を使用すると、ソーシャル ログイン ユーザーは次のことを行うことができます

WordPress ウェブサイトに Facebook ソーシャル ログインを追加する方法。
どのウェブサイトでもFacebookでログインできるようにする最も簡単な方法は、WordPress用のソーシャルログインプラグインを使用することです。Facebookソーシャルログインは、ほとんどのウェブサイトで使用されている最も一般的なソーシャルログインです。miniOrangeソーシャルログインは、多くの無料機能でFacebookソーシャルログインを実装できる、最も人気のあるソーシャルログインプラグインの1つです。
以下は、当社が提供する Facebook 統合のリストです。
機能と特徴:
Facebookで無料ログイン
ディスプレイ - ログイン、登録、コメントフォームのデフォルト表示。
ショートコード– サイト上の任意の場所にログイン アイコンを表示します。
カスタマイズ– 完全にカスタマイズ可能なログイン アイコン。 さまざまなテーマ、形状、サイズ、色から選択します。
Facebookの共有
Facebookのコメント
Facebook のソーシャルシェア数。

指示:
訪問者にどの権限を要求するかを決定したら、それらを処理できる Facebook アプリケーションを構築する必要があります。 幸いなことに、それは思っているほど複雑ではありません。

\n


WordPress (WP) に Facebook ソーシャル ログインを設定する手順

ステップ 1: Facebook ソーシャル ログインを WordPress に設定する

WordPress で Facebook ログインを設定するには、以下の手順に従ってください。

ミニオレンジ画像 Facebook ソーシャル ログインを構成する
  • 開始するには、Facebook 開発者コンソールに移動して、 こちら Facebook 開発者アカウントでサインアップ/ログインします。
  • WP 用の Facebook 開発者ログインアプリ
  • Facebook Developers アプリのページに移動し、ボタンをクリックして 新しいアプリを追加します。
  • WP用のFacebookソーシャルログイン、Facebookアプリの作成
  • それからを選択してください Facebook アカウントでのログインを許可する ユースケースとしてオプションを選択して押します 次へ.
  • ソーシャルログイン Facebook ソーシャルログイン WP アプリのオプション
  • 入力する アプリ名 (NAIST) と 連絡先メールアドレスを追加 Facebook アプリの場合はそれぞれをクリックし、 アプリを作成する ボタンをクリックして設定を保存します。
  • Facebook ソーシャル ログイン アプリ WP の詳細
  • に行く アプリ設定 -> 基本 アプリ ID とアプリ シークレットを表示します。 の アプリケーションID あなたです 顧客ID アプリシークレット あなたです クライアントシークレット、これらの値は、後で miniOrange ソーシャル ログイン プラグインを設定するために必要になるため、手元に置いておいてください (以下の画像を参照)。
  • アプリドメイン: そこにウェブサイトのドメインを書き込みます。
  • プライバシーポリシーのURL: このボックスに、Web サイトのプライバシー ポリシー ページの URL を入力します。
  • 利用規約: このボックスに、Web サイトのサービス利用規約ページにリンクされている URL を入力します。
  • ユーザーデータの削除:ドロップダウンで、[データ削除手順 URL] を選択します (ユーザーがサイト上でアカウントを削除する方法についての手順が記載されたページの URL を入力します)。
  • 選択する カテゴリ カテゴリフィールドのドロップダウンから、 アプリの目的 アプリを最もよく説明するオプションを選択して、 を押します 変更を保存 構成を保存します。
  • WP Facebook のソーシャルログインに関する基本情報 WP Facebook のソーシャルログインに関する基本情報
  • 下にスクロールしてクリックします プラットフォームの追加 ボタン。 を選択 ウェブサイト Facebook ログインを Web サイトと統合しようとしている場合は、オプションを選択してください。 クリック 次へ.
  • Facebook ソーシャル ログイン アプリのレビュー タブの権限
  • 次に、 ウェブサイトのURL (WordPress用miniOrangeソーシャルログインプラグインより) をクリックし Save。 次に、をクリックします。 続ける.
  • Facebook ソーシャル ログイン アプリのレビュー タブの権限
  • 以下を行うには、 ユースケース 左側のタブをクリックし、 カスタマイズ の横に表示されるボタン 認証とアカウントの作成 項目。
  • ソーシャルログイン Facebook 事前アクセスリクエスト
  • 以下 権限 セクション、 メール 許可して、 追加
  • デフォルトでは、アプリケーションには「public_profile」と「email」の権限に対する標準アクセスのみが付与されています。つまり、あなただけがログインできます。高度なアクセスを取得するには、左側の「認証」タブから開始できるビジネス認証手続きを行う必要があります。


    ソーシャル ログイン Facebook 開発者ステータス
  • Facebookログイン >> 設定 セクションをクリック 設定に移動 ボタンをクリックしてリダイレクト/コールバック URL を追加します。
  • Facebookソーシャルログインの完全なデータチェック
  • 〜に 有効な OAuth リダイレクト URI フィールドに追加 リダイレクト/コールバック URL これは、miniOrange ソーシャル ログイン プラグインから取得します。 クリック 変更を保存します
  • Facebookソーシャルログインは事前許可を有効にします
  • 現在、アプリは開発モードになっています。これは、社外の人がアプリを使用できないことを意味します。 認証が完了したら、 稼働する タブをクリックしてアプリを公開します。 稼働する 右下隅のボタン。 すべてを正しく設定している場合は、これを押す前に、「ライブ開始」ページにリストされている手順を確認することをお勧めします。
  • Facebookソーシャルログインは事前許可を有効にします

2. miniOrange ソーシャル ログイン プラグインで資格情報を設定する

  • に行く miniOrange ソーシャル ログイン プラグイン → [アプリの設定] をクリック → Facebook ログイン アイコンをクリック:
  • Facebookソーシャルログイン miniOrange WordPress用ソーシャルプラグイン
  • コピー クライアントID (NAIST) と クライアントシークレット 上記の設定フォームを入力し、Facebook ログイン手順のフィールドに貼り付けます。
  • FacebookソーシャルログインクライアントID
  • 次にクリック 構成を保存してテストする
  • 新しいウィンドウが表示され、Facebook アカウントにログインするように求められます。 Facebook for Developerのアカウント登録に使用したアカウントでログインします。 「Continue as …」を押してログインプロセスを完了します。
  • テストが成功したことを示すプラグインからの通知が表示されます。 つまり、カスタム アプリが適切に設定されることになります。
  • WordPressのFacebookソーシャルログインテスト設定
  • これで、WordPress ウェブサイトで Facebook ソーシャル ログイン ボタンがアクティブになっていることがわかります。
  • Facebook ログイン ボタンは、WordPress では次の画像のように表示されます。
  • Wordpress ウェブサイト上の Facebook ソーシャル ログイン アイコン
  • Web サイトのカスタム ログイン/登録ページにソーシャル ログイン アイコンを追加できない場合は、 ショート ガイド。

WordPress Web サイトの Facebook ソーシャル ログインが正常に設定されました。


魅力的なソーシャル ログイン アイコン

  • また、ソーシャル ログイン プラグインの最新バージョンでは、丸、丸いアイコン、四角、長いボタンの 4 種類のソーシャル ログイン アイコンの形状を備えた魅力的なソーシャル ログイン アイコンも提供しています。 デフォルト、白背景、カスタム背景、ホバー、カスタムホバー、スマートを含む XNUMX つのテーマ。 あらゆるタイプのテーマとボタンの変換エフェクトも提供します。


その他のリソース


お探しのものが見つからない場合は、 socialloginsupport@xecurify.comまでメールでお問い合わせください。

こんにちは!

助けが必要? 私たちはここにいます!

対応