شرح تسجيل الدخول عن طريق فيسبوك للووردبريس

رأينا بالطبع العديد من مواقع الووردبريس التي تسمح للأعضاء بتسجيل الدخول عن طريق حسابات الشبكات الاجتماعية مثل تويتر وفيسبوك وجوجل. فهذه الطريقة تتيح للأعضاء الدخول للموقع بسهولة دون الحاجة لإنشاء حساب جديد خاص بالموقع وإنما استخدام أحد حسابات الشبكات الاجتماعية وبشكل سهل وسريع.

وبما أن الفيسبوك يعتبر هو أشهر شبكة اجتماعية حالياً فإتاحة تسجيل الدخول إلى موقعك عن طريق حساب الفيسبوك هو خطوة ذكية.

شرح تسجيل الدخول عن طريق فيسبوك للووردبريس

لماذا أضيف زر الدخول بحساب الفيسبوك للموقع؟

تضمين زر الدخول بحساب الفيسبوك بالموقع يتيح للمستخدمين الدخول مباشرة إلى موقعك دون الحاجة بالمرور بعملية التسجيل التقليدية والمملة.

فهذه الخطوة توفر الوقت على المستخدمين فلا حاجة لإنشاء حساب جديد ولا لعملية تسجيل الدخول ولكن كل ما عليه فعله هو الضغط على زر الدخول باستخدام حساب الفيسبوك وينتهي الأمر. ولا حاجة لتفعيل البريد الإلكتروني.

ولكن هل الأمر بهذه السهولة؟

في هذا المقال سنتعرف على طريقة إضافة زر تسجيل الدخول بحساب الفيسبوك إلى موقع الووردبريس عن طريق تنصيب إضافة Nextend Facebook Connect.

Nextend Facebook Connect

تعتبر إضافة Nextend Facebook Connect الافضل من بين جمبع الاضافات المتوفرة على منصة الووردبريس فهي الأسهل في الإستخدام وحصلت على تقييمات أعلى من الإضافات الأخرى كما تم تحميلها أكثر من 100,000+ مرة.

وفي هذا المقال سنتعلم:

  • كيفية تنصيب وتفعيل إضافة Nextend Facebook Connect.
  • كيفية إنشاء تطبيق فيسبوك.
  • ربط التطبيق بالإضافة.

تنصيب وتفعيل Nextend Facebook Connect

  • من لوحة التحكم توجه إلى إضافات ثم قم بالضغط على إضف جديد لنقوم بالبحث عن الاضافة التي سنقوم بتنصيبها.
  • قم بالبحث عن إضافة Nextend Facebook Connect ثم قم بتنصيبها.
  • قم بتفعيل الإضافة كالمعتاد وبهذا تنتهي مرحلة تنصيب وتفعيل الإضافة.

Install Nextend Facebook Connect

إنشاء تطبيق فيسبوك

الإضافة تتطلب الإتصال بتطبيق فيسبوك. إذا كان لديك بالفعل تطبيق فيسبوك على حسابك فيمكن استخدام App ID و Secret Key للإتصال بالإضافة. أما إن لم يكن لك تطبيق بحساب الفيسبوك فاتبع الخطوات التالية لإنشائه.

  • قم بتسجيل الدخول إلى حساب الفيسبوك.
  • قم بإنشاء حساب مطور فيسبوك من هذا الرابط.

إنشاء تطبيق فيسبوك

  • قم بإنشاء تطبيق فيسبوك من هذا الرابط بالضغط على إنشاء تطبيق جديد.

بإنشاء تطبيق فيسبوك جديد

  • قم بإضافة بيانات التطبيق وهي اسم العرض و البريد الإلكتروني لجهة الاتصال. وبمجرد الإنتهاء قم بالضغط على إنشاء معرف تطبيق.

Facebook New App ID

  • قد يظهر لك رمز التحقق من الأمان قم بإدخال الأرقام والحروف الخاصة به ثم قم بالضغط على تقديم.

رمز التحقق من الأمان

  • بعد ذلك توجه إلى لوحة التحكم الخاصة بالتطبيق لوحة المعلومات.

Facebook App Dashboard

  • قم بنسخ معرف التطبيق وكذلك المفتاح السري للتطبيق

Facebook App ID and Secret Key

  • ومن الإعدادات قم بإضافة اسم العرض و رابط الموقع Domain URL وأيقونة التطبيق App Icon ….. وبعد الإنتهاء من إدخال البيانات قم بالضغط على حفظ التغييرات.

Facebook App Settings Setup

  • في خانة عنوان URL للموقع, ضع رابط مدونتك.

ربط تطبيق الفيسبوك بإضافة Nextend Facebook Connect

والآن عليك بحفظ App ID و Secret Key بالإضافة كالتالي:

  • من لوحة تحكم الووردبريس توجه إلى الإعدادات ثم إلى Nextend FB Connect.
  • قم بلصق معرف التطبيق والمفتاح السري للتطبيق وباقي إعدادات التطبيق كما هي في الخانات المماثلة لها داخل الإضافة ثم قم بالضغط على Save changes.

Nextend Facebook Connect Setting

قمت بترجمة حقول : Login button + Link account button + Unlink account button من يريد الترجمة :

<div class=”new-fb-btn new-fb-1 new-fb-default-anim”><div class=”new-fb-1-1″><div class=”new-fb-1-1-1″>تسجيل الدخول عن طريق</div></div></div>
<div class=”new-fb-btn new-fb-1 new-fb-default-anim”><div class=”new-fb-1-1″><div class=”new-fb-1-1-1″>ربط الحساب </div></div></div>
<div class=”new-fb-btn new-fb-1 new-fb-default-anim”><div class=”new-fb-1-1″><div class=”new-fb-1-1-1″>إلغاء ربط حسابك</div></div></div>
  • قم الآن بتسجيل الخروج من الووردبريس وشاهد النتيجة.

Wordpress Login With Facebook

ملاحظة: إدارة الفيسبوك تحتاج بعض الوقت لمراجعة التطبيق قبل الموافقة على تفعيله وبمجرد تفعيل التطبيق سيظهر امامك زر الدخول بحساب الفيسبوك بصفحة تسجيل الدخول دون أي تدخل منك.

أتمنى أن يكون هذا المقال مفيداً لك ويساعدك على إضافة زر تسجيل الدخول بحساب الفيسبوك إلى موقع الووردبريس. إذا كان لديك أي استفسارات أو تحتاج إلى مساعدة يمكنك التواصل معنا من خلال التعليقات.

تعليق 1
  1. زرقاء العيون يقول

    شكرا شكرا شكرا أحب مدونتك صراحة كل شيء فيها مريح من مقالات وايضا تصميمها.

اترك رد

لن يتم نشر عنوان بريدك الإلكتروني.