{"id":3723,"date":"2021-05-26T04:05:22","date_gmt":"2021-05-25T19:05:22","guid":{"rendered":"https:\/\/hanami-web.tokyo.jp\/blog\/?p=3723"},"modified":"2023-03-13T17:18:03","modified_gmt":"2023-03-13T08:18:03","slug":"facebook-login","status":"publish","type":"post","link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/facebook-login\/","title":{"rendered":"Explaining how to set up Facebook login for 2021!"},"content":{"rendered":"<p>HanamiWEB representative Misa (<a href=\"https:\/\/twitter.com\/hanami_web\" target=\"_blank\" rel=\"noopener\">@hanami_web<\/a>)is.<br>I am building a matching site with WordPress using the Matching Site theme, and the Matching Site theme has a Facebook login mechanism.<\/p>\n\n\n\n<p>I needed to issue an API key to log in to Facebook, so I&#039;ll explain the procedure for issuing it!<\/p>\n\n\n\n<p><a href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/twitter-login-api\/\">Twitter login API key issuance<\/a> \/ <a href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/google-login\/\">Google Login API key issue<\/a>This is summarized in a separate article.<\/p>\n\n\n\n<p>Now, let&#039;s show you how to issue an API key for Facebook login!<\/p>\n\n\n\n<p>The theme for the matching site we will be setting up this time is PremiumPress.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-hanamiweb-blog wp-block-embed-hanamiweb-blog\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"der4fDCxHM\"><a href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/about-matchingsite-theme3\/\">This is the theme that can be used to create a matching site using WordPress!<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u201cThis is the theme that can be used to create a matching site with WordPress!\u201d \u2014 How to create a homepage using WordPress\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/microjobs\/about-matchingsite-theme3\/embed\/#?secret=vt4AyJ1TbP#?secret=der4fDCxHM\" data-secret=\"der4fDCxHM\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n<div class=\"sc\"><a href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/premiumpress-microjob-wordpress\/\" title=\"PremiumPress Theme Explanation Table of Contents\">\r\n\t<p class=\"sc-txt01\">This is an older article.<\/p>\r\n\t<p class=\"sc-txt01\">The design has changed significantly, so please use it as a reference only.<\/p>\r\n\t<p class=\"sc-txt02\">PremiumPress Commentary Table of Contents \u2192<\/p>\r\n<\/a><\/div>\n\n\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">table of contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #000000;color:#000000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #000000;color:#000000\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/facebook-login\/#facebook%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3_%e6%96%b0%e8%a6%8f%e3%82%a2%e3%83%97%e3%83%aa%e4%bd%9c%e6%88%90\" >Facebook Login Create a new app<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/facebook-login\/#facebook%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3_%e3%82%92%e4%bd%9c%e6%88%90%e3%81%99%e3%82%8b%e5%a0%b4%e5%90%88%e3%81%af%e7%94%9f%e6%b4%bb%e8%80%85%e3%82%92%e9%81%b8%e6%8a%9e\" >If you want to create a Facebook login, select User<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/facebook-login\/#facebook%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3_%e7%94%a8%e3%81%ae%e3%82%a2%e3%83%97%e3%83%aa%e8%a1%a8%e7%a4%ba%e5%90%8d%e3%82%92%e5%85%a5%e5%8a%9b\" >Enter the app display name for Facebook login<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/facebook-login\/#facebook%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3_%e3%82%92%e9%81%b8%e6%8a%9e\" >Select Facebook Login<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/facebook-login\/#facebook%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3_%e3%82%a6%e3%82%a7%e3%83%96%e3%82%92%e9%81%b8%e6%8a%9e\" >Facebook Login Select Web<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/facebook-login\/#%e5%ae%9f%e8%a3%85%e3%81%99%e3%82%8b%e3%82%a6%e3%82%a7%e3%83%96%e3%82%b5%e3%82%a4%e3%83%88url%e3%82%92%e5%85%a5%e5%8a%9b\" >Enter the website URL to be implemented<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/facebook-login\/#%e3%81%a9%e3%82%93%e3%81%a9%e3%82%93%e6%ac%a1%e3%81%b8%e9%80%b2%e3%82%80\" >Continue moving forward<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/facebook-login\/#facebook%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3_api%e3%82%ad%e3%83%bc%e3%83%bb%e3%82%b7%e3%83%bc%e3%82%af%e3%83%ac%e3%83%83%e3%83%88%e7%a2%ba%e8%aa%8d\" >Facebook Login API Key\/Secret Verification<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/facebook-login\/#%e6%9c%89%e5%8a%b9%e3%81%aa%e3%83%aa%e3%83%80%e3%82%a4%e3%83%ac%e3%82%af%e3%83%88url%e3%82%92%e5%85%a5%e5%8a%9b\" >Enter a valid redirect URL<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/facebook-login\/#facebook%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3_%e5%85%ac%e9%96%8b%e3%81%b8\" >Facebook Login Publish<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/facebook-login\/#facebook%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3_%e5%ae%9f%e8%a3%85%e5%ae%8c%e4%ba%86%ef%bc%81\" >Facebook login implementation completed!<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/facebook-login\/#facebook_developer%e7%99%bb%e9%8c%b2%e6%b8%88%e3%82%93%e3%81%a7%e3%81%84%e3%81%9f\" >I was already registered as a Facebook Developer.<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"facebook%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3_%e6%96%b0%e8%a6%8f%e3%82%a2%e3%83%97%e3%83%aa%e4%bd%9c%e6%88%90\"><\/span>Facebook Login Create a new app<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Facebook Login Log in to Facebook Developer to issue an API key.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-cocoon-blocks-button-1 aligncenter button-block\">Log in to Facebook Developer<\/div>\n\n\n\n<p>Click Create App.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"931\" height=\"357\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-110.png\" alt=\"\" class=\"wp-image-3724\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-110.png 931w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-110-300x115.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-110-768x294.png 768w\" sizes=\"(max-width: 931px) 100vw, 931px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"facebook%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3_%e3%82%92%e4%bd%9c%e6%88%90%e3%81%99%e3%82%8b%e5%a0%b4%e5%90%88%e3%81%af%e7%94%9f%e6%b4%bb%e8%80%85%e3%82%92%e9%81%b8%e6%8a%9e\"><\/span>If you want to create a Facebook login, select User<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>If you are logged in with Facebook, click Consumer to proceed to the next step.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"741\" height=\"803\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-112.png\" alt=\"\" class=\"wp-image-3726\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-112.png 741w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-112-277x300.png 277w\" sizes=\"(max-width: 741px) 100vw, 741px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"facebook%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3_%e7%94%a8%e3%81%ae%e3%82%a2%e3%83%97%e3%83%aa%e8%a1%a8%e7%a4%ba%e5%90%8d%e3%82%92%e5%85%a5%e5%8a%9b\"><\/span>Enter the app display name for Facebook login<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Enter the display name and email address for your Facebook login app and click [Create App].<\/p>\n\n\n\n<div class=\"wp-block-cocoon-blocks-icon-box information-box common-icon-box block-box\">\n<p>Your app name will be displayed when your customers try to log in!<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"812\" height=\"638\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-113.png\" alt=\"\" class=\"wp-image-3727\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-113.png 812w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-113-300x236.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-113-768x603.png 768w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"facebook%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3_%e3%82%92%e9%81%b8%e6%8a%9e\"><\/span>Select Facebook Login<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Once you create the app, you will be taken to the dashboard below, so click on [Settings] under Facebook Login.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"430\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-114-1024x430.png\" alt=\"\" class=\"wp-image-3728\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-114-1024x430.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-114-300x126.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-114-768x322.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-114-1536x644.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-114.png 1802w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"facebook%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3_%e3%82%a6%e3%82%a7%e3%83%96%e3%82%92%e9%81%b8%e6%8a%9e\"><\/span>Facebook Login Select Web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>This time, we will use Facebook login on a website, so select Web.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"321\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-115-1024x321.png\" alt=\"\" class=\"wp-image-3729\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-115-1024x321.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-115-300x94.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-115-768x241.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-115.png 1266w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e5%ae%9f%e8%a3%85%e3%81%99%e3%82%8b%e3%82%a6%e3%82%a7%e3%83%96%e3%82%b5%e3%82%a4%e3%83%88url%e3%82%92%e5%85%a5%e5%8a%9b\"><\/span>Enter the website URL to be implemented<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Enter the URL of the website where you want to implement Facebook Login.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-116-1024x487.png\" alt=\"\" class=\"wp-image-3730\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-116-1024x487.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-116-300x143.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-116-768x365.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-116.png 1192w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%81%a9%e3%82%93%e3%81%a9%e3%82%93%e6%ac%a1%e3%81%b8%e9%80%b2%e3%82%80\"><\/span>Continue moving forward<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Various embed codes will be issued to implement Facebook login on your site, but since the PremiumPress theme we are using has already completed the embed codes, click [Next] to proceed.<\/p>\n\n\n\n<p>Once complete, return to the dashboard<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"facebook%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3_api%e3%82%ad%e3%83%bc%e3%83%bb%e3%82%b7%e3%83%bc%e3%82%af%e3%83%ac%e3%83%83%e3%83%88%e7%a2%ba%e8%aa%8d\"><\/span>Facebook Login API Key\/Secret Verification<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>In Settings &gt; Basic<\/p>\n\n\n\n<p>App ID \u21d2 API key<br>app secret \u21d2 Secret Key&nbsp;<\/p>\n\n\n\n<p>Copy and paste this into the input section of your theme.<br>others<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>display name<\/li><li>App domain (the domain is the \u25cf\u25cf\u25cf.com part below https:\/\/)<\/li><li>Contact Email Address<\/li><li>Privacy Policy URL<\/li><li>Terms of Use URL<\/li><\/ul>\n\n\n\n<p>Enter and save.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"381\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-123-1024x381.png\" alt=\"\" class=\"wp-image-3737\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-123-1024x381.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-123-300x112.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-123-768x286.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-123-1536x571.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-123.png 1782w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e6%9c%89%e5%8a%b9%e3%81%aa%e3%83%aa%e3%83%80%e3%82%a4%e3%83%ac%e3%82%af%e3%83%88url%e3%82%92%e5%85%a5%e5%8a%9b\"><\/span>Enter a valid redirect URL<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Facebook callback URL<br>Facebook Login &gt; Settings<br>Enter a valid OAuth redirect URL in the field.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"381\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-121-1024x381.png\" alt=\"\" class=\"wp-image-3735\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-121-1024x381.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-121-300x112.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-121-768x286.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-121-1536x572.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-121.png 1777w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"facebook%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3_%e5%85%ac%e9%96%8b%e3%81%b8\"><\/span>Facebook Login Publish<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Toggle the &quot;In Development&quot; switch at the top to officially release the Facebook Login feature.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"216\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-122-1024x216.png\" alt=\"\" class=\"wp-image-3736\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-122-1024x216.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-122-300x63.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-122-768x162.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-122-1536x324.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-122.png 1761w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"facebook%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3_%e5%ae%9f%e8%a3%85%e5%ae%8c%e4%ba%86%ef%bc%81\"><\/span>Facebook login implementation completed!<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>You have successfully logged in to Facebook as shown below!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"642\" height=\"712\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-120.png\" alt=\"\" class=\"wp-image-3734\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-120.png 642w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-120-271x300.png 271w\" sizes=\"(max-width: 642px) 100vw, 642px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"facebook_developer%e7%99%bb%e9%8c%b2%e6%b8%88%e3%82%93%e3%81%a7%e3%81%84%e3%81%9f\"><\/span>I was already registered as a Facebook Developer.<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Facebook has had a Developer registration system for quite some time, so we will introduce it without going through the Facebook Developer registration process.<\/p>\n\n\n\n<p>Facebook login was very easy as the instructions were in Japanese!<\/p>\n\n\n\n<p>To build a matching site using WordPress, I use a theme called PremiumPress. Social media login can also be done through the theme settings, so it&#039;s excellent even without any plugins!<\/p>\n\n\n\n<p><a href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/twitter-login-api\/\">Twitter Login<\/a> \/ <a href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/google-login\/\">Google Login<\/a> We also explain how to set it up!<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-hanamiweb-blog wp-block-embed-hanamiweb-blog\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"der4fDCxHM\"><a href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/microjobs\/about-matchingsite-theme3\/\">This is the theme that can be used to create a matching site using WordPress!<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u201cThis is the theme that can be used to create a matching site with WordPress!\u201d \u2014 How to create a homepage using WordPress\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/microjobs\/about-matchingsite-theme3\/embed\/#?secret=vt4AyJ1TbP#?secret=der4fDCxHM\" data-secret=\"der4fDCxHM\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n\n\n\n<div class=\"sc\"><a href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/premiumpress-microjob-wordpress\/\" title=\"PremiumPress Theme Explanation Table of Contents\">\r\n\t<p class=\"sc-txt01\">This is an older article.<\/p>\r\n\t<p class=\"sc-txt01\">The design has changed significantly, so please use it as a reference only.<\/p>\r\n\t<p class=\"sc-txt02\">PremiumPress Commentary Table of Contents \u2192<\/p>\r\n<\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>HanamiWEB\u4ee3\u8868\u306emisa(@hanami_web)\u3067\u3059\u3002\u30de\u30c3\u30c1\u30f3\u30b0\u30b5\u30a4\u30c8\u30c6\u30fc\u30de\u3092\u5229\u7528\u3057\u3066WordPress\u3067\u30de\u30c3\u30c1\u30f3\u30b0\u30b5\u30a4\u30c8\u3092\u69cb\u7bc9\u3057\u3066\u3044\u308b\u306e\u3067\u3059\u304c\u3001\u30de\u30c3\u30c1\u30f3\u30b0\u30b5\u30a4\u30c8\u306e\u30c6\u30fc\u30de\u306bFacebook\u30ed\u30b0\u30a4\u30f3\u306e\u4ed5\u7d44\u307f\u304c\u3064\u3044 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3734,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[1456],"tags":[],"class_list":["post-3723","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microjobs"],"blocksy_meta":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-120.png",642,712,false],"thumbnail":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-120-150x150.png",150,150,true],"medium":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-120-271x300.png",271,300,true],"medium_large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-120.png",642,712,false],"large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-120.png",642,712,false],"1536x1536":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-120.png",642,712,false],"2048x2048":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-120.png",642,712,false],"trp-custom-language-flag":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2021\/05\/image-120.png",11,12,false]},"uagb_author_info":{"display_name":"\u682a\u5f0f\u4f1a\u793eHanamiWEB \u4ee3\u8868\u53d6\u7de0\u5f79 \u677e\u6d66\u307f\u3055","author_link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/author\/hanami\/"},"uagb_comment_info":0,"uagb_excerpt":"HanamiWEB\u4ee3\u8868\u306emisa(@hanami_web)\u3067\u3059\u3002\u30de\u30c3\u30c1\u30f3\u30b0\u30b5\u30a4\u30c8\u30c6\u30fc\u30de\u3092\u5229\u7528\u3057\u3066WordPre&hellip;","brizy_media":[],"_links":{"self":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/3723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/comments?post=3723"}],"version-history":[{"count":0,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/3723\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media\/3734"}],"wp:attachment":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media?parent=3723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/categories?post=3723"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/tags?post=3723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}