Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでFacebookログインを追加する方法

登録時にFacebookと接続するオプションを提供しているサイトを見たことがありますか?WordPressサイトにFacebookでログインオプションを追加したいですか?この投稿では、WordPressでワンクリック登録とFacebookログインを追加する方法を紹介します。

Login with Facebook button in WordPress

なぜサイトにFacebook Connectを追加するのか?

登録フォームに入力したり、確認メールを待つのを嫌う人もいます。Facebook Connectオプションを追加することで、ユーザーが自分のFacebookアカウントを使ってサイトに登録するのに便利になります。

通常の登録を好むユーザーも、そのまま登録することができる。

WordPressサイトにFacebookログインを追加する方法を見てみましょう。

動画チュートリアル

Subscribe to WPBeginner

動画が気に入らなかったり、もっと説明が必要な場合は、このまま読み進めてください。

まず最初に、Nextend Facebook Connectプラグインをインストールして有効化します。有効化したら、設定 ” Nextend FB Connectでプラグインを設定します。

Nextend Facebook Connect plugin settings

プラグインとFacebookアプリを接続する必要があります。すでに別のプラグインを使ってFacebookコメントや おすすめバーフォローボタンを追加している場合は、すでにサイト用のFacebookアプリを作成している可能性があります。同じアプリのIDとシークレットキーを設定で使用できます。

Facebookアプリを持っていない場合は、いつでも無料で作成できます。Facebook Developersサイトにアクセスし、「My Apps」メニューの下にある「create new app」リンクをクリックするだけです。

Creating a new Facebook app

アプリのプラットフォームを選択するポップアップが表示されます。続行するには、サイトをクリックする必要があります。

Select your app platform

その後、アプリ名、ネームスペース、アプリのカテゴリーをプロバイダーする必要があります。サイト名をアプリ名とネームスペースとして使用し、アプリIDの作成ボタンをクリックして次に進みます。

App name and name space

Facebookがアプリを作成します。次の画面で、少し下にスクロールしてサイトのURLを入力し、「Next」ボタンをクリックします。

Site URL

これでFacebookアプリの作成はすべて完了です。アプリのダッシュボードは、上部にある「マイアプリ」メニューをクリックし、先ほど作成したアプリに移動すると表示されます。

ダッシュボードからアプリIDとアプリシークレットをコピーしてください。

Facebook app dashboard

WordPressサイトのNextend Facebook Connectの設定ページに戻り、アプリIDとアプリシークレットキーを貼り付けます。画面に表示されているオプションを確認し、変更を保存ボタンをクリックしてプラグイン設定を保存します。

この投稿がWordPressにFacebookログインを追加するのにお役に立てば幸いです。WordPressを使ってFacebookの「いいね!」を増やす5つの方法についてのガイドもご覧ください。

この投稿が気に入った場合は、WordPressの動画チュートリアルをYouTubeチャンネルに登録してください。Twitterや Google+でも私たちを見つけることができます。

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

10件のコメント返信を残す

  1. Jocelyn Simard

    Nice to know but you do’t use it here? Why?

  2. Stu Ducklow

    Your plug in simply doesn’t work. Your documentation is inaccurate and doesn’t reflect the latest process on Facebook.

  3. Noor Alam

    This plugin is not working properly.
    when i logged in for first time in my site it asked for email & password
    but when i logout my account and click in the login link it automatically logged me in with the previous id.
    How can I login with individual account with this plugin ?
    please reply…..

  4. Jordan

    WHAT NEXT? How do I get the FB login to show up on my login page? Your guide is very complete but leaves off the final step.

  5. Adam Laurance

    Google is asking for a verified personal Facebook account to establish this link. I have tried all possible combinations I can think of -website name, facebook web address, facebook name – to no avail. Previously in wordpress it was simply a matter of adding the facebook logo and making a connection the URL. Is this option no longer possible due to spam issues?

  6. Sharath

    Hi There, thanx a lot. I want to have only ‘fb login’ on my site, is there a way to remove wordpress registration?

  7. Daniel Keith

    Hi all,
    Very nice post. I want to use one plugin for Facebook, twitter and pinterest. Is there one for this purpose.

  8. Laurent

    HI there,
    Thank you for this post. Do you if this kind of connexion is compatible with redirect plugin like “Peter’s login redirect for example”?

  9. Alex

    This is super cool. Thanks for the great post.

    My only question is if I’m trying to obtain an email list for subscriptions to my site, am I able to get the email from the Facebook plugin?

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。