لاگین ajax در وردپرس
سلام دوستای عزیز. موضوع امروز مقاله ما لاگین ajax در وردپرس هستش. به این صورت که بتونیم یک فرم لاگین به صورت ایجکس ایجاد کنیم و در سایتمون استفاده کنیم. راه های مختلفی برای پیاده سازی لاگین ajax در وردپرس وجود داره:
روش سوم چیزیه که قراره توی اون مقاله به اون بپردازیم.
فرم لاگین می تونه هر جایی داخل تگ <body> قرار بگیره و تو این مقاله بهتره شما فرم لاگین دقیقن بعد از تگ body قرار بدید که معمولا می تونید در وردپرس در فایل header.php پیداش کنید.
در انتهای فرم لاگین تابع wp_nonce_field قرار داره ، این تابع یک فیلد مخفی با ID برابر security ایجاد میکنه که مقدار اون به صورت کد شده هستش و جهت بالا بردن امنیت لاگین از این مقدار استفاده میشه.
حالا یه دکمه لاگین هم لازم داریم که می تونیم هر جایی از صفحه قرارش بدیم (توجه داشته باشید خودتون باید با استایل دهی دکمه رو در مکان مورد نظرتون نمایش بدید)
وقتی که یوزر نام کاربری و رمز عبور را وارد کرد ما باید اطلاعات رو به سرور ارسال کنیم تا ببنیم اطلاعت ارسالی صحیح بوده یا خیر و باید یوزر رو لاگین کنیم یا با یک پیغام بهش اطلاع بدیم که اطلاعات ارسالی صحیح نیست.
تمام مراحل چک کردن سمت سرور در فایل 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 در وردپرس به همین آسونی!
موفق باشید.
منبع : مدرسه وردپرس
