sidebarホームWordPress決済ツールギークスグロース世の中にあるインフラを使いこなして、理想のライフスタイルを手に入れることを目指すブログ。今運用している会員サイトにユーザーが登録の手間を省けるようにSNSログインを入れたい。実はそれはジャイアニズムというプラグインを使えば解決することができます。ジャイアニズムはそれ単体では、会員サイト構築するということは難しいです。既存のサイトにFacebookやTwitterログインといったSNSログインを簡単に導入することができます。今回はジャイアニズムを使ってFacebookログインを導入する方法をご紹介していきます。今回の記事を読むことで、どういう流れでFacebookログインを導入や流れの確認をすることができるのでぜひ最後まで読んでみてください。まとめジャイアニズムとはジャイアニズムとはWordPressにSNSログインを実装することができる国産のプラグインになります。SNSを使って登録もできるので、ユーザーに登録フォームの入力の手間を省いて登録率アップにもつなげることができます。ジャイアニズムのサイトはこちらジャイアニズムででできることジャイアニズムでは、次のSNSログインを実装することができます。Secretを取得します。IDとはFacebookで作成したFacebookログイン機能の認証のために必要なIDのことです。SecretもFacebookで作成したFacebookログイン機能の認証のために必要な秘密の鍵のことを指します。Secretを取得するには次のステップを踏みます。Step1.Facebookの開発者ページにアクセスする。Step2.Facebook開発者ページから「新しいアプリ」をクリックする。Step3.アプリの開発の設定をしていく。Step1.Facebookの開発者ページにアクセスまずは下記のURLから、Facebookの開発者ページにアクセスします。https://developers.facebook.com/Step2.Facebook開発者ページから「新しいアプリ」をクリックアクセスができたら、マイアプリから新しいアプリを追加をクリックしましょう。Facebookの開発者ページはよりクリックすると新しいアプリの追加画面が表示されるので、表示名や連絡先メールアドレスを入力していきます。入力ができたら、アプリIDのを作成をクリックして作成します。作成をクリックすると下記のようにセキュリティチェックが表示されるので、チェックを入れて「送信する」をクリックします。すると管理画面にアクセスできます。管理画面の中から、「Facebookログイン」を選択して「設定」をクリックします。Step3.アプリの開発の設定クリックすると下記のように色々なアイコンが表示されます。今回はWordPressと連携をするので「ウェブ」を選んでクリックします。すると各種設画面が表示されるので、順番に埋めていきます。サイトURLの入力まずは、サイトURLを入力します。URLはサイトのトップページのURLを入力するようにしましょう。入力ができたら「Save」をクリックして、「次へ」のボタンをクリックします。次の画面へ進むと今度はJavaScriptのコードが表示されます。JavaScriptとはWebで使われるプログラミング言語のことです。表示されているJavaScriptのコードをコピペして、メモしておきましょう。コピペができたら、下記のコードをそれぞれ変更します。'{api-version}'コードの中の{your-app-id}を画面左上のアプリIDに書き換えます。書き換えることができたら、今度は{api-version}を画面の中にある「現在のバージョンは2.1です。」と表示されている数字に書き換えます。'2.1'書き換えたものに関しては後で使用するので、メモをして残しておきます。Secretキーの取得アプリ開発の設定ができたら、左側のメニューにある「ベーシック」という部分をクリックしましょう。クリックすると、作成したアプリの詳細などが表示されます。Secretという項目があります。Secretになります。Secretの取得ができたら、今度はジャイアニズムの設定画面に移動します。設定画面に移動すると下記のような項目が表示されると思います。ジャイアニズムには次のような基本設定があります。1.現在の登録設定2.ログイン画面3.ボタンサイズ現在の登録設定について現在の登録設定については、WordPressのデフォルトの設定を使用するか、ジャイアニズムの設定を使用するかを選べます。理由がなければここは、ジャイアンらしく登録を「登録を強制する」にチェックを入れておきましょう。ログイン画面設定についてここでは、すべてのログイン画面にログインボタンを表示するか、ログインボタンを手動で設定するかを選ぶことができます。理由がなければ、「すべてのボタンをログイン画面に表示する」を選んでおきましょう。ボタンサイズについてここでは、ボタンサイズを「中」か「大」の2つのサイズから選ぶことができます。好きなサイズを選ぶようにしましょう。ジャイアニズムとFacebookを連携ジャイアニズムとFacebookを連携するには、ジャイアニズムの設定画面を下にスクロールしていきましょう。すると、Facebookの設定画面が表示されるので、設定に必要な項目を埋めていきます。必要な項目を埋めたら「変更を保存」をクリックしましょう。これで、ログイン画面に移動するとFacebookログインのボタンが表示されていると思います。まとめ今回はジャイアニズムを使ってFacebookログインを実装する方法を紹介しました。ジャイアニズムは他のSNSログイン(TwitterやLine)などにも対応しているので、他にも対応させたいものがあれば対応させることができます。ジャイアニズムはSNSログインを付与するプラグインなので、これだけで会員サイトを作成するとかはできません。プラグインGuildPress(ギルドプレス)は10月10にリリースしました。GuildPressは、オンラインでの会員制学習サイトの立ち上げなどを考えている方におすすめのWordPressテーマとなります。ケンタロウ普段はプログラミングとマーケティングを駆使して活動しています。僕が普段の活動の中で、世の中には色んなインフラとなるようなものが溢れているという風に気づきました。あとは使いこなすための知識や実際の使い方とかさえ知っていれば、意外と自分が理想とするライフスタイルは実現するんではないか?と思いこのブログを通して便利なツールの使い方などを紹介しています。