سلام دوستای عزیز. موضوع امروز مقاله ما لاگین ajax در وردپرس هستش. به این صورت که بتونیم یک فرم لاگین به صورت ایجکس ایجاد کنیم و در سایتمون استفاده کنیم.  راه های مختلفی برای پیاده سازی لاگین ajax در وردپرس  وجود داره:

  1. می تونید یه صفحه با اسم لاگین درست کنید و به کاربر نمایش بدید (براساس آموزش جایگزین صفحه لاگین در وردپرس )
  2. روش دیگه اینه که فرم ورود رو همیشه در قسمت هدر یا سایدبار به کاربر نشون بدیم
  3. روش سوم اینه که یه دکمه لاگین داشته باشید و با کلیک روی اون یک پاپ آپ باز بشه و فرم ورود نمایش داده بشه.

روش سوم چیزیه که قراره توی اون مقاله به اون بپردازیم.

 

ajax-login-wp

 

کدهای HTML در لاگین ajax در وردپرس

فرم لاگین می تونه هر جایی داخل تگ <body> قرار بگیره و تو این مقاله بهتره شما فرم لاگین دقیقن بعد از تگ body قرار بدید که معمولا می تونید در وردپرس در فایل header.php پیداش کنید.

در انتهای فرم لاگین تابع wp_nonce_field  قرار داره ، این تابع یک فیلد مخفی  با ID برابر security ایجاد میکنه که مقدار اون به صورت کد شده هستش  و جهت بالا بردن امنیت لاگین از این مقدار استفاده میشه.

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

 

ارسال اطلاعات و لاگین با ajax

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

تمام مراحل چک کردن سمت سرور در فایل functions.php موجود در قالب شما قرار میگیره ، در ادامه تابعی می سازیم که فایل جاوا اسکریپت ما رو به صفحه اضافه میکنه و در ادامه یک آبجکت جاوا اسکریپت به نام ajax_login_object میسازیم که از طریق این آبجکت کاربرانی که هنوز به سایت لاگین نکردن بتونن تابع ما را فراخوانی کنن.

توجه داشته باشید که قسمت مهم کد بالا wp_ajax_nopriv_ajaxlogin  هستش ، اگه ما بجای اون از wp_ajax_ajaxlogin استفاده کنیم فقط کاربرانی که به سایت لاگین کردن می تونن به تابع ما دسترسی داشته باشن. ولی از اونجایی که ما برای لاگین از این تابع استفاده میکنیم نیاز داریم که همه کاربرا بتونن به تابع دسترسی داشته باشن پس از wp_ajax_nopriv_ajaxlogin   استفاده می کنیم.

در ادامه تابعی می سازیم که داده ها رو دریافت و اعتبارسنجی کرده و مراحل لاگین کاربر را انجام بده.

تنها کاری که باقی مونده اینه که فایل جاوا اسکریپت ajax-login-script.js را بسازیم (در مسیری که قالبتون هست) تا با کلیک روی دکمه ورود فرم لاگین نمایش داده بشه و اطلاعات وارد شده به سرور ارسال بشه.

 

شما می تونید هر طور که دوست دارید صفحه لاگین خودتون رو استایل دهی کنید ولی اگه میخوای صفحتون مشابه صفحه ما باشه کدهای Css زیر رو در فایل style.css یا rtl.css قالب خودتون قرار بدید.

کل مراحل همین بود ، حالا یه فرم قشنگ برای لاگین داریم که از طریق ایجکس (ajax)  اطلاعات رو برای سرور ارسال کرده و نتیجه رو به ما نمایش میده.

در انتها باید اضافه کنم که ما تو این مقاله اعتبار سنجی های سمت کلاینت رو به عهده خودتون گذاشتیم که به فرمتون اضافه کنید.

این هم از مقاله لاگین ajax در وردپرس به همین آسونی!

موفق باشید.

2 دیدگاه برای “لاگین ajax در وردپرس

دیدگاه خود را بیان کنید