آموزش افزونه لاگین برای وردپرس Login With Ajax

اگه دنبال یک افزونه لاگین برای وردپرس هستید که بدون کدنویسی فرم ورود آژاکسی بسازه، Login With Ajax یکی از گزینه‌های ساده پیش روتونه. با این افزونه کاربر می‌تونه وارد سایت بشه، از حسابش خارج بشه یا رمز عبورش رو بازیابی کنه؛ بدون اینکه برای هر کار به صفحه ورود پیش‌فرض وردپرس فرستاده بشه.

توی این آموزش اول تفاوت فرم آژاکسی با فرم معمولی رو روشن می‌کنیم. بعد سراغ نصب، تنظیم انتقال بعد از ورود و خروج، نمایش فرم با بلوک یا کد کوتاه و رفع خطاهای رایج می‌ریم. همچنین مشخص می‌کنیم چه امکاناتی رایگان هستن و برای چه قابلیت‌هایی باید نسخه حرفه‌ای رو تهیه کنید.

افزونه لاگین برای وردپرس Login With Ajax چه کاری انجام می‌ده؟

Login With Ajax یک افزونه لاگین برای وردپرسه که فرم ورود، خروج، ثبت‌نام و بازیابی رمز عبور رو داخل بخش دلخواه سایت نمایش می‌ده. هدف اصلی افزونه اینه که کاربر برای ورود به حسابش مجبور نباشه صفحه فعلی رو ترک کنه.

فرم ورود آژاکسی چیه و چه فرقی با فرم معمولی داره؟

آژاکس یا AJAX رو می‌تونیم خیلی ساده این‌طور توضیح بدیم: مرورگر اطلاعات فرم رو در پس‌زمینه برای سایت می‌فرسته و نتیجه رو توی همون صفحه نشون می‌ده. پس وقتی کاربر نام کاربری و رمز عبورش رو وارد می‌کنه، لازم نیست کل صفحه دوباره بارگذاری بشه.

توی فرم معمولی، ارسال اطلاعات معمولا باعث بارگذاری دوباره صفحه یا انتقال به صفحه دیگه می‌شه. فرم آژاکسی مسیر ورود رو کوتاه‌تر و روان‌تر می‌کنه، ولی همچنان باید پیام خطا، صفحه مقصد و عملکرد فرم روی موبایل رو با دقت آزمایش کنید.

Login With Ajax برای چه سایت‌هایی مناسبه؟

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

برای یک فروشگاه ووکامرسی هم می‌شه از فرم ورود آژاکسی استفاده کرد، ولی باید ورود، ثبت‌نام، سبد خرید و صفحه حساب کاربری رو بعد از نصب آزمایش کنید. اگه فقط می‌خواید ظاهر صفحه ورود پیش‌فرض رو عوض کنید، راهنمای افزونه‌های تغییر صفحه لاگین وردپرس انتخاب‌های مرتبط‌تری رو نشونتون می‌ده.

چه زمانی میهن پنل انتخاب بهتریه؟

Login With Ajax بیشتر روی فرم ورود سریع تمرکز داره. اگه یک پنل کاربری کامل با ظاهر فارسی، صفحه حساب اختصاصی و امکانات مدیریتی بیشتری می‌خواید، افزونه میهن پنل انتخاب کامل‌تریه. پس قبل از نصب مشخص کنید فقط فرم ورود لازم دارید یا می‌خواید کل تجربه حساب کاربری سایتتون رو تغییر بدید.

امکانات افزونه Login With Ajax

Login With Ajax نسخه رایگان و حرفه‌ای داره. امکانات هر نسخه ممکنه با انتشار نسخه‌های تازه تغییر کنه، پس قبل از خرید نسخه حرفه‌ای، فهرست قابلیت‌ها رو توی وب‌سایت رسمی افزونه هم بررسی کنید.

امکانات نسخه رایگان

• ورود و خروج بدون بارگذاری دوباره کل صفحه
• نمایش فرم با بلوک، ابزارک و کد کوتاه
• تعیین صفحه مقصد بعد از ورود و خروج
• نمایش فرم ثبت‌نام و بازیابی رمز عبور
• ساخت انتقال متفاوت برای نقش‌های کاربری
• سازگاری با قالب‌های کلاسیک و بلوکی وردپرس

امکانات نسخه حرفه‌ای

قابلیت‌هایی مثل Passkey، یعنی ورود با روشی امن‌تر مثل اثر انگشت یا قفل دستگاه، ورود دومرحله‌ای، reCAPTCHA، محدودکردن تلاش‌های ناموفق و نمایش فرم به‌شکل پاپ‌آپ جزو امکانات حرفه‌ای معرفی شدن. برای پاپ‌آپ‌های عمومی سایت هم می‌تونید راهنمای بهترین افزونه‌های پاپ‌آپ وردپرس رو ببینید.

یادتون نره که صرف نصب فرم ورود، امنیت سایت رو کامل نمی‌کنه. بعضی امکانات امنیتی به نسخه حرفه‌ای یا یک افزونه امنیتی جدا نیاز دارن.

پیش‌نیازهای ساخت فرم ورود در وردپرس

بررسی نسخه وردپرس و تهیه نسخه پشتیبان

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

فعال‌کردن عضویت کاربران برای نمایش ثبت‌نام

اگه می‌خواید بازدیدکننده‌ها بتونن حساب تازه بسازن، از پیشخوان به «تنظیمات ← عمومی» برید و گزینه «هر کسی می‌تواند نام‌نویسی کند» رو فعال کنید. بعد نقش پیش‌فرض کاربر تازه رو روی سطحی کم‌دسترسی مثل «مشترک» بذارید. هیچ‌وقت نقش مدیرکل رو برای ثبت‌نام عمومی انتخاب نکنید.

نصب افزونه Login With Ajax

نصب افزونه از مخزن وردپرس

وارد پیشخوان وردپرس بشید و از منوی «افزونه‌ها» روی «افزودن افزونه تازه» کلیک کنید. عبارت Login With Ajax رو توی کادر جستجو بنویسید. افزونه رو با نام و سازنده‌ای که در صفحه رسمی مخزن می‌بینید تطبیق بدید، بعد روی «هم‌اکنون نصب نمایید» و «فعال نمایید» کلیک کنید.

اگه با این بخش آشنا نیستید، اول آموزش دریافت وردپرس و افزونه‌های ضروری رو ببینید.

فعال‌کردن افزونه و پیداکردن تنظیماتش

بعد از فعال‌سازی، بخش مربوط به Login With Ajax رو توی منوی تنظیمات پیشخوان پیدا کنید. عنوان و جای بعضی گزینه‌ها ممکنه به زبان پیشخوان یا نسخه افزونه بستگی داشته باشه. اگه منوی افزونه رو نمی‌بینید، یک‌بار صفحه پیشخوان رو تازه‌سازی کنید و مطمئن بشید افزونه واقعا فعاله.

تنظیم افزونه Login With Ajax قدم‌به‌قدم

انتخاب ظاهر و قالب فرم ورود

توی تنظیمات افزونه، قالب یا ظاهر فرم رو انتخاب کنید. اول یکی از قالب‌های آماده رو بذارید و فرم رو توی یک برگه آزمایشی ببینید. بعد اگه لازم بود رنگ، فاصله یا اندازه نوشته‌ها رو با تنظیمات قالب سایتتون هماهنگ کنید.

قالبی رو انتخاب کنید که فیلد نام کاربری، رمز عبور، دکمه ورود و لینک بازیابی رمز توی موبایل واضح باشن. ظاهر شلوغ ممکنه کاربر مبتدی رو سردرگم کنه.

تنظیم رفتار آژاکسی فرم

گزینه مربوط به ورود آژاکسی رو فعال نگه دارید تا نتیجه ارسال فرم بدون بارگذاری دوباره کل صفحه نمایش داده بشه. بعد یک ورود موفق و یک ورود با رمز اشتباه رو آزمایش کنید. پیام خطا باید کنار فرم دیده بشه و صفحه هم نباید بی‌دلیل سفید یا متوقف بشه.

تعیین صفحه مقصد بعد از ورود

توی بخش انتقال بعد از ورود، صفحه‌ای رو انتخاب کنید که کاربر باید بعد از ورود ببینه. این صفحه می‌تونه حساب کاربری، دوره‌های آموزشی یا یک برگه مخصوص اعضا باشه. بهتره کاربر رو به صفحه‌ای بفرستید که ادامه مسیرش توی سایت رو روشن می‌کنه.

تعیین صفحه مقصد بعد از خروج

برای خروج هم یک مقصد مشخص کنید. صفحه اصلی یا برگه ورود معمولا انتخاب مناسبیه. مقصدی رو انتخاب نکنید که فقط برای کاربران واردشده باز می‌شه؛ چون کاربر بعد از خروج دوباره با خطای دسترسی روبه‌رو می‌شه.

ساخت انتقال متفاوت برای نقش‌های کاربری

نقش کاربری یعنی سطح دسترسی هر حساب؛ مثلا مدیرکل، نویسنده یا مشترک. اگه افزونه توی تنظیمات فعلی سایتتون انتقال براساس نقش رو نشون می‌ده، می‌تونید برای هر نقش مقصد متفاوتی بذارید. مثلا مشترک رو به حساب کاربری و نویسنده رو به بخش نوشته‌ها بفرستید.

قانون‌های انتقال رو ساده نگه دارید. چند قانون مشابه ممکنه با هم تداخل پیدا کنن و کاربر رو به صفحه اشتباه بفرستن.

تنظیم ایمیل‌ها و پیام‌های ثبت‌نام

اگه بخش پیام یا ایمیل ثبت‌نام توی تنظیمات افزونه در دسترستونه، متن کوتاه و واضحی بنویسید. به کاربر بگید ثبت‌نامش انجام شده و قدم بعدی چیه. رمز عبور، اطلاعات حساس یا جزئیات مدیریتی سایت رو توی ایمیل نذارید.

نمایش فرم ورود آژاکسی در سایت

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

نمایش فرم با بلوک Login With Ajax

قراردادن بلوک در نوشته یا برگه

برگه موردنظرتون رو باز کنید و روی دکمه افزودن بلوک با علامت «+» بزنید. عبارت Login With Ajax رو جستجو کنید و بلوک افزونه رو به برگه اضافه کنید. برگه رو پیش‌نمایش بگیرید و بعد از آزمایش فرم، تغییرات رو منتشر کنید.

قراردادن بلوک در قالب‌های بلوکی

اگه از قالب بلوکی استفاده می‌کنید، از «نمایش ← ویرایشگر» وارد ویرایشگر سایت بشید. سربرگ، پابرگ یا الگوی موردنظرتون رو باز کنید و بلوک Login With Ajax رو اضافه کنید. چون تغییر الگو ممکنه روی چند صفحه اثر بذاره، قبل از ذخیره جای فرم رو با دقت بررسی کنید.

نمایش فرم در قالب‌های کلاسیک با ابزارک

توی قالب‌های کلاسیک از «نمایش ← ابزارک‌ها» وارد بخش ابزارک‌ها بشید. ابزارک یا بلوک Login With Ajax رو به سایدبار یا ناحیه ابزارک دلخواه اضافه کنید و تنظیمات رو ذخیره کنید. اگه منوی ابزارک‌ها رو نمی‌بینید، احتمالا قالب شما بلوکیه و باید از ویرایشگر سایت استفاده کنید.

بعد از ذخیره ابزارک، صفحه‌ای رو که سایدبار داره باز کنید و ظاهر فرم رو توی حالت واردنشده بررسی کنید.

نمایش فرم با کد کوتاه

کد کوتاه یا Shortcode یک عبارت کوتاه داخل براکته که وردپرس اون رو با خروجی افزونه جایگزین می‌کنه. این روش برای صفحه‌سازها یا بخش‌هایی کاربرد داره که بلوک اختصاصی افزونه رو نشون نمی‌دن.

استفاده از کد کوتاه اصلی افزونه

یک بلوک «کد کوتاه» به برگه اضافه کنید و کد زیر رو داخلش بذارید:

[login_with_ajax]

بعد برگه رو پیش‌نمایش بگیرید. اگه فرم نمایش داده شد، همون کد رو نگه دارید.

بررسی سازگاری کد کوتاه قدیمی

کد [lwa] هم در صفحه مخزن افزونه معرفی شده، ولی بهتره قبل از استفاده روی نسخه نصب‌شده سایتتون آزمایشش کنید. اگه کد اصلی فرم رو درست نمایش می‌ده، نیازی نیست سراغ کد قدیمی برید.

آزمایش فرم ورود قبل از انتشار

با حساب مدیر سایت فرم رو آزمایش نکنید؛ چون ممکنه نشست فعال شما نتیجه رو اشتباه نشون بده. یک حساب آزمایشی با نقش مشترک بسازید و این مراحل رو انجام بدید:

1. صفحه فرم رو توی پنجره ناشناس مرورگر باز کنید و ورود و خروج رو آزمایش کنید.
2. ثبت‌نام و بازیابی رمز عبور رو با یک ایمیل آزمایشی بررسی کنید.
3. صفحه مقصد هر نقش کاربری رو جداگانه ببینید.
4. فرم رو توی موبایل آزمایش کنید و مطمئن بشید فیلدها از صفحه بیرون نمی‌زنن.
5. یک رمز اشتباه وارد کنید و پیام خطا رو بررسی کنید.
6. ایمیل‌های ثبت‌نام و بازیابی رمز رو توی صندوق ورودی و پوشه هرزنامه ببینید.

حل مشکلات رایج Login With Ajax

چرا فرم ثبت‌نام نمایش داده نمی‌شه؟

اول به «تنظیمات ← عمومی» برید و فعال‌بودن گزینه عضویت رو بررسی کنید. بعد تنظیمات خود افزونه رو ببینید و مطمئن بشید نمایش ثبت‌نام خاموش نشده. در پایان، صفحه رو توی پنجره ناشناس باز کنید؛ چون فرم ثبت‌نام ممکنه برای کاربری که قبلا وارد شده نمایش داده نشه.

چرا ورود آژاکسی کار نمی‌کنه؟

کش سایت و مرورگر رو پاک کنید و دوباره آزمایش بگیرید. بعد به‌طور موقت قابلیت ترکیب یا تأخیر اجرای JavaScript رو توی افزونه بهینه‌سازی خاموش کنید. JavaScript همون کدی هست که رفتار تعاملی فرم رو توی مرورگر اجرا می‌کنه. اگه فرم بعد از این کار درست شد، فایل‌های افزونه رو از بهینه‌سازی JavaScript مستثنا کنید.

چرا کاربر به صفحه اشتباه منتقل می‌شه؟

تنظیمات انتقال عمومی و انتقال مربوط به نقش کاربر رو با هم بررسی کنید. اگه چند قانون برای یک نقش ساخته‌اید، قانون‌های اضافی رو حذف کنید. افزونه‌های عضویت، فروشگاه‌ساز و امنیتی هم ممکنه انتقال جداگانه‌ای داشته باشن.

چرا بلوک یا ابزارک افزونه رو پیدا نمی‌کنید؟

مطمئن بشید افزونه فعاله و بعد نام انگلیسی Login With Ajax رو توی جستجوی بلوک‌ها بنویسید. توی قالب بلوکی باید از ویرایشگر سایت کمک بگیرید. توی قالب کلاسیک هم ناحیه ابزارک‌ها رو بررسی کنید. اگه هیچ‌کدوم در دسترس نبود، کد کوتاه رو توی یک برگه آزمایشی بذارید.

چرا ایمیل ثبت‌نام یا بازیابی رمز نمی‌رسه؟

پوشه هرزنامه رو ببینید و آدرس ایمیل مدیریت سایت رو بررسی کنید. بعد ارسال ایمیل‌های عادی وردپرس رو آزمایش کنید. اگه هیچ ایمیلی از سایت نمی‌رسه، مشکل معمولا به روش ارسال ایمیل هاست یا تنظیمات ایمیل وردپرس مربوطه، نه ظاهر فرم ورود.

چطور تداخل افزونه با قالب یا افزونه‌های کش رو بررسی کنید؟

اول از سایت نسخه پشتیبان بگیرید. بعد آزمایش رو توی محیط آزمایشی انجام بدید. افزونه‌های کش و بهینه‌سازی رو یکی‌یکی غیرفعال کنید و هر بار فرم رو دوباره بسنجید. اگه مشکل باقی موند، قالب رو موقت روی یکی از قالب‌های پیش‌فرض وردپرس بذارید. با این روش می‌فهمید مشکل از افزونه، قالب یا تنظیمات بهینه‌ساز میاد.

اگه از WP Super Cache استفاده می‌کنید، راهنمای تنظیم کش وردپرس با WP Super Cache کمکتون می‌کنه تنظیمات کش رو دقیق‌تر بررسی کنید.

نکات امنیتی فرم ورود وردپرس

• برای همه حساب‌ها رمز عبور قوی و یکتا انتخاب کنید.
• اتصال HTTPS رو فعال کنید تا اطلاعات ورود در مسیر انتقال رمزگذاری بشن. برای این کار می‌تونید آموزش فعال‌سازی SSL در وردپرس رو ببینید.
• وردپرس، قالب و افزونه Login With Ajax رو منظم به‌روز کنید.
• تعداد تلاش‌های ناموفق ورود رو با قابلیت مناسب نسخه حرفه‌ای یا یک راهکار امنیتی معتبر محدود کنید.
• اگه سایتتون اطلاعات حساس داره، ورود دومرحله‌ای یا Passkey رو فعال کنید.
• نقش پیش‌فرض کاربران تازه رو روی «مشترک» بذارید و دسترسی مدیریتی ندید.

جمع‌بندی انتخاب افزونه لاگین برای وردپرس

Login With Ajax برای زمانی مناسبه که یک افزونه لاگین برای وردپرس با راه‌اندازی ساده می‌خواید. نسخه رایگان نیازهای اصلی مثل ورود آژاکسی، ثبت‌نام، بازیابی رمز، نمایش با بلوک یا کد کوتاه و انتقال بعد از ورود رو پوشش می‌ده. قابلیت‌هایی مثل reCAPTCHA، Passkey، ورود دومرحله‌ای و پاپ‌آپ به نسخه حرفه‌ای وابسته هستن.

بعد از نصب، فقط به ظاهر فرم اکتفا نکنید. ورود، خروج، ثبت‌نام، ایمیل‌ها، نمایش موبایل و مقصد هر نقش رو توی پنجره ناشناس آزمایش کنید. اگه به‌جای یک فرم ساده، پنل کاربری کامل فارسی می‌خواید، میهن پنل انتخاب مناسب‌تری برای مقایسه‌ست.

سؤال‌های متداول درباره Login With Ajax

تیم تولید محتوا

ما در تیم تولید محتوای میهن وردپرس در تلاش هستیم تا بهترین مقالات آموزشی در زمینه وردپرس و کسب‌و‌کارهای اینترنتی را تهیه کنیم. صحت محتوای این صفحه توسط رضا راد بررسی خواهد شد.