نحوه اضافه کردن فیس بوک به صفحه لاگین سایت در وردپرس

نحوه اضافه کردن فیس بوک به صفحه لاگین سایت در وردپرس ویژگی ورود بازدیدکنندگان به حساب سایت با حساب کابری فیس بوک متصل کردن حساب کابری سایت با پروفایل فیس بوک افزونه متصل کردن فیس بوک به لاگین چندین نسخه دارد پشتیبانی افزونه از تصویر پروفایل فیس بوک به عنوان نماد محیط کاربری ساده پشتیبانی […]

نحوه اضافه کردن فیس بوک به صفحه لاگین سایت در وردپرس

ویژگی

  • ورود بازدیدکنندگان به حساب سایت با حساب کابری فیس بوک
  • متصل کردن حساب کابری سایت با پروفایل فیس بوک
  • افزونه متصل کردن فیس بوک به لاگین چندین نسخه دارد
  • پشتیبانی افزونه از تصویر پروفایل فیس بوک به عنوان نماد
  • محیط کاربری ساده
  • پشتیبانی سریع و مفید

نصب و راه اندازی افزونه

بعد از نصب و فعال سازی افزونه Nextend Facebook Connect به قسمت تنظیمات در منوی افزونه بروید و مطابق تصویر دو فیلد پایین را پر کنید.

ورود با فیس بوک در وردپرس یا Nextend Facebook Connect

شما اول از همه لازم است که یک اکانت فیس بوک برای خود ثبت کنید تا فیلد های App ID و App Secret را پس از انجام مراحلی در پروفایل فیس بوک پر کنید.

پیدا کردن App ID و App Secret

در مروگر این آدرس ( developers.facebook.com ) را جستجو کنید و وارد اکانت خودتان شوید ، بعد مانند تصویر زیر بر روی گزینه Add New App کلیک کنید تا پنجره زیر برای شما باز شود.

ورود با فیس بوک در وردپرس یا Nextend Facebook Connect

با وارد کردن نام App ID و ایمیل خود برنامه را ایجاد کرده و آن را ذخیره کنید در قسمت داشبورد برنامه شما باید به قسمت تنظیمات رفته و ایمیلتان را در بخش Contact Email وارد کرده و بعد از آن گزینه Add را کلیک کنید.

در این قسمت شما می توانید مانند تصویر لوگوی خود را در اندازه ۱۰۲۴*۱۰۲۴ آپلود نمایید.

ورود با فیس بوک در وردپرس یا Nextend Facebook Connect

و حالا گزینه website را انتخاب نموده و سایت خود را به همراه http:// وارد نمایید.

در قسمت بعد مانند تصویر وارد فسمت App Review شوید و مانند تصویر زیر برنامه خود را به صورت public ارسال نمایید.

ورود با فیس بوک در وردپرس یا Nextend Facebook Connect

در این مرحله وارد قسمت پیشخوان شده و مانند تصویر زیر App ID و App Secret را کپی نمایید.

ورود با فیس بوک در وردپرس یا Nextend Facebook Connect

و الان شما میتوانید به قسمت تنظیمات خود برگشته و کد های مورد نظر هر کدام را در بخش خود وارد کنید و دیگر گزینه ها شخصی محسوب میشوند و میتوانید بصورت دلخواه وارد نمایید.

New user prefix: در این بخش شما میتوانید برای کابران خود یک پیشوند انتخاب کنید بطور مثال اگر پیشوند شما facebook- تنظیم شده باشد نام کابر ثبت نام شده  بصورت facebook-admin نمایان میشود.

Fixed redirect url for login: در این قسمت میتوانید ریدایرکت آدرس ورود را فعال نمایید در این بخش فقط کافیست که حالت پیشفرض را بر روی حالت autoo قرار دهید.

برای عضو شدن میشود ریدایرکت را به همین ترتیب در بخش Fixed redirect url for register بر روی حالت auto قرار دهید.

Login button: در این بخش میشود کد دکمه ورود فیس بوک در وردپرس را وارد کنید و بصورت دلخواه میتوانید آن را طراحی کنید. به همین روال شما برای بخش هایی مانند لینک کردن به اکانت فیس بوک و غیر فعال کردن آن دکمه ای را طراحی کنید و اینکار را از بخش‌های Link account button و Unlink account button میتوانید سفارشی سازی کنید.

در انتهای کار دکمه ذخیره را وارد کنید و از سیستم خارج شوید و وارد قسمت ورود سایت شوید تا بتوانید تغییرات را مشاهده نمایید.

ورود با فیس بوک در وردپرس یا Nextend Facebook Connect

بعد از نصب افزونه Nextend Facebook Connect

پس از فعال شدن افزونه به صورت خودکار فعال خواهد شد.

  • دکمه های ورود به صفحه ورود وردپرس را اضافه کنید
  • دکمه های اتصال حساب را به صفحه پروفایل وردپرس اضافه کنید

استفاده پیشرفته

لینک ساده

<a href=”siteurl/wp-login.php?loginFacebook=1&redirect=siteurl” onclick=”window.location = \’siteurl/wp-login.php?loginFacebook=1&redirect=\’+window.location.href; return false;”>Click here to login or register with Facebook</a>

دکمه تصویر

<a href=”siteurl/wp-login.php?loginFacebook=1&redirect=siteurl” onclick=”window.location = \’siteurl/wp-login.php?loginFacebook=1&redirect=\’+window.location.href; return false;”> <img src=”HereComeTheImage” /> </a>