WordPressソーシャルアカウント/Naver IDでログインする - WordPress ソーシャルログイン

WordPressでログインするか、コメントを付けるとき WordPressに加入していないユーザーが使い慣れたソーシャル（SNS）のアカウントを使用してログインしてコメントを付けられるようにすると、訪問者がより便利にサイトを利用するのに役立ちますです。

下で紹介する WordPress Social Loginプラグインは2023年7月27日のセキュリティ上の理由から WordPress リポジトリから削除されました。以下の方法を利用したい場合は、他のユーザーが更新して GitHubにアップロードされたバージョンをダウンロードできますが、セキュリティ上の問題が解決されていない可能性がありますので、使用に注意してください。

WordPressソーシャルアカウントにログイン/コメントする

WordPress ソーシャルログイン プラグインは、サイトの訪問者や顧客が使用しているソーシャルアカウントIDを利用して登録することができます。 したがって、訪問者が会員登録フォームを作成し、ユーザー名とパスワードを覚える手間を省くことができます。

このプラグインをインストールすると、 設定 下に WP Social Loginというメニューが追加されます。

• ネットワーク タブでは、Facebook、Google、TwitterのAPI情報を設定することができます。
• ウィジェット タブには、既定の設定と詳細設定を指定するオプションが提供されます。

WordPressで、Facebook、Google、Twitterと連動させて、ソーシャルアカウントにログインとコメントができるようにするには、各ソーシャルアカウントでアプリケーションID（あるいはアプリケーションキー）とパスワード（Secret）を発行しなければします。

Facebook（Facebook）連動させる

仮に Networksタブの Facebook セクションで アプリケーションID와 Application Secretを登録する必要が訪問者が Facebook アカウントを使用してログインしてコメントを付けることができます。

Facebookセクションで「Where do I get this info？「」をクリックすると、以下にFacebook APIを作成してApplication IDとApplication Secret情報を取得する詳細な方法が説明されています。 /Secret 情報が提供されます。

指示に従って得られたApplication IDとApplication Secretを、上記の画面の上部の部分に追加して保存すると、 Facebook 設定が完了します。

Facebookの場合 Facebook 開発者向けページで設定を終えても正常に動作しません。 登録した Facebook アカウントにテストすると、よくされますが、他の人のアカウントにテストすると、エラーが出ます。 次のようなエラーメッセージが表示されます。

App Not Setup: This app is still in development mode, and you don't have access to it. Switch to a registered test user or ask an app admin for permissions.

その理由は、まだテスト段階だからです。 正常に動作させるには一つの過程をより必要です。 まず、 Settings> Basicから メールアドレス과 名前空間を入力するようにします。 （該当する Facebook アカウントに使用されたメールアドレスを入力する必要があります。）

次に、左の Status＆Reviewをクリックして「Do you want to make this app and all its live features available to the general public？「横の選択ボタンから Yes を選択します。

ポップアップウィンドウで「確認します「 を押すとすべての設定が完了します。 Facebookログイン/コメント連動になります。

同様の方法でTwitterを設定することができます。 Twitterの場合 Twitter アカウントに携帯電話番号が登録されている場合にのみ連動が可能です。

WordPressで、Google（Google）連動させる

Facebookで説明したのと同様の方法で、Googleを連動させることができます。 しかし、Googleの場合、実際の説明と多少異なる場合があり困難な場合があります。

上記のように説明されています。 まず、Dashboardに移動し、右上隅にあるドロップダウンメニューをクリックしてプロジェクトの作成「をクリックして続行します。他の手順も少し異なります。プロジェクトを作成し、Google+ APIを追加して」ユーザー認証情報「から下図のように」OAuthクライアントID「を選択してください。

それから」クライアント IDを作成する「画面が出るのに、ここから」Webアプリケーション「を選択して設定します。 承認されたJavaScriptソース 情報と 承認されたリダイレクト URI 情報はWP Social Loginプラグインの設定説明に記載されています。 そのままコピーして貼り付けるようにします。 「最後に、次のような画面が表示されます。

Googleの連携がうまくいかず、「Request failed. Either you have cancelled the authentication or Google refused the connection.」などのエラーが発生した場合は、Google+ APIを有効にしてください。

Naver アカウント連動する

WordPress Social Loginプラグインを使用して WordPress에 Naverとカカオアカウントを連動することができます。 Naver アカウントを使用して WordPressにログインする方法はWordPressにカカオアカウントのログインを追加する「という文に紹介されたカカオアカウント連動方法と同じです。リンクされた文でテーマの のfunctions.php ファイルに追加する関数は次のように修正してくれるようです。

// Naver 連動
add_action（ 'init'、 'my_add_naver_provider_to_wsl'）;

function my_add_naver_provider_to_wsl() {

//if ( function_exists ('wsl_version') ) {

global$WORDPRESS_SOCIAL_LOGIN_PROVIDERS_CONFIG; $WORDPRESS_SOCIAL_LOGIN_PROVIDERS_CONFIG[] = ARRAY(
"provider_id" => "Naver",
"provider_name"     => "Naver",
"require_client_id" => true,
"callback"          => true,
"new_app_link"      => "https://nid.naver.com/devcenter/register.nhn",
"cat"               => "socialnetworks",
）;
//}
}

変更された部分は、 provider_id, provider_name, new_app_link 程度です。

アイコンを登録して WordPress Social Login設定画面を更新すると、右下にあるAdd more providersに、上記の図のように Naver アイコンが表示されます。 Naver アイコンをクリックすると、 Naver APIの情報を入力する画面が表示され、方法が提示されます。

Naver デベロッパーセンターでAPI Client IDとClient Secretを発給のために情報を入力すると、Callback URLは .../wp-content/plugins/wordpress-social-login / hybridauth /？hauth.done = Naver입니다。

正常連動されると、ログイン/会員登録フォームやコメントシステムで Naver アイコンをクリックすると、 Naver ログインウィンドウが表示されます。 （テストしてみるとInternet Explorerでは、別のウィンドウが出ますが、クロムでは、ログイン画面がわずかに異なる方法で出ますね。）

他のSNSアカウントの設定

このプラグインでは、基本的には、XNUMXつのSNSにのみ設定することができますが、（ネットワーク タブの）右下の他のSNSのアカウントも設定が可能です。

Add more providers（他のSNSプロバイダの追加） 欄には、「デフォルトでFacebook、Google、Twitterを有効にできますが、他のSNSアカウントも追加できます。たとえば、 WordPress アイコンをクリックすると、次のように WordPress アイコンをクリックすると、 ネットワーク タブで Twitterセクション 下に WordPress セクションこの追加されます。

同様にApplication IDとApplication Secretを受けることができる方法が詳しく説明されています。 （WordPressの場合JetPackに含まれているCommentsプラグインを使用すると、コメントを場合に WordPress(WordPress.com）アカウントを使用することができます。 ）

Widgetのタブ

Widgetのタブは、さまざまな設定（Basic Settings）と詳細設定（Advanced Settings）を指定することができ、さらにはユーザーCSSを追加することができるCustom CSSオプションも提供しています。

基本設定では、下図のように「Connect with」キャプション、アイコンセットタイプ、ユーザーアバターのXNUMXつの設定を指定できます。

詳細設定でSocial Loginアイコンをどこに表示するかを設定することができます。

上図のように」Authentication display「オプションを使用すると、ソーシャルログインアイコンの表示方法を指定できます。

• Do not display the widget anywhere, I'll use shortcodes：ウィジェットを表示しない。 ユーザーが直接ショートコードを使用すること
• Display the widget in the comments area、login and register forms：ソーシャルログインウィジェットをコメント領域、ログイン、会員登録フォームに表示
• Display the widget only in the login and register formsログインと登録フォームにのみ表示さ
• Display the widget only in the comments area：コメント領域にのみ表示さ

設定が完了したら、次のよう形にログイン/会員登録フォームまたはコメント領域に表示されます。

---

Naver アカウントを使用して WordPress ブログにログインする（有料のプラグイン）

WordPress에 Naver IDでログインする方法は上から」Naver アカウントを連携する」のセクションに記載されています。 One Stop Social Loginプラグインを購入して使用することができます。

このプラグインを使用して Naver、その後、カカオ、 Facebook、グーグルプラス、 Twitter などのアカウントでログインとコメントすることができます。 しかし、価格が90,000ウォンで、多少負担になる方ですね。

ソーシャルログインプラグイン一つで9万ウォンであれば、少し激しい価格だよ、似たような機能をすると見られる有料のプラグインで AccessPress Social Loginというプラグインがあります。

プラグインのページの説明を見ると、簡単に設定が可能であるとします。 上記の複雑なプロセスを経なくても、認​​証情報を入力するだけ世話してくれないかと思いますね。

ただし Naver ログイン機能がないということが惜しいですね。 これは仕方のないことです。 Naver ログインが外国では必要ありませんのでね。

---

更新 - Failed Security Checkエラーが発生した場合

SNSアカウントに登録しようとしたときに Failed Security Checkというエラーが表示され、登録に失敗したが、ユーザーリストに追加されている問題が発生する可能性があります。 この場合、再登録しようとする既に同じ名前のユーザーがいるというメッセージが表示され、登録されていません。 このような問題が発生した場合、プラグインがクラッシュ可能性があります。 疑われるプラグイン（特に会員登録に関するプラグイン）を一つずつ無効ながらテストをして、問題となるプラグインを検索するようにします。 例えばUser Registration Aideプラグインを使用する場合、この問題が発生する可能性があります。

メモ：

• 特定のユーザー/ユーザーの役割がログインできないようにブロックする
• 無料のWebP変換プログラム - ハニービュー画像ビューア
• クラウドウェイズにサーバーを移行しました