دوره آموزش ووکامرس

ساخت فرم ورود و عضویت در وردپرس با افزونه‌ user registration (بخش اول)


نویسنده:
یکشنبه ۱۵ اردیبهشت ۱۳۹۸
ساخت فرم عضویت و ورود در وردپرس

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

ضرورت ساخت یک فرم ورود و عضویت در وردپرس

اگر شما وب‌سایتی دارید که در آن لازم است کاربران برای دست‌یابی به بخشی از وب‌سایت، ثبت نام نمایند، (مثلاً برای نوشتن مطلب یا ثبت نظر، خرید محصول و…) به یک فرم جهت عضویت کاربران و یک فرم جهت ورود کاربران عضو شده نیاز دارید.
وردپرس به‌صورت پیش‌فرض فرمی را جهت ورود کاربر به سایت در آدرس yourdomain.com/wp-login.php قرار داده است. (به جای yourdomain.com آدرس سایت خود را وارد نمایید.)
ظاهر تکراری و ساده‌ی این فرم پیش‌فرض باعث می‌شود استفاده از آن برای کاربران خسته‌کننده باشد.
پس پیشنهاد می‌کنیم حتماً از یک فرم ورود و عضویت در وردپرس با طرح جذاب‌تر و ایمن‌تر استفاده نمایید. وجود پلاگین‌های رایگان برای اجرای هر کاری یکی از مزیت‌ وردپرس نسبت به سایر CMSها است.

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

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

مزایای استفاده از افزونه User Registration:

  • رایگان و پرکاربرد
  • طراحی فرم به‌صورت ساده با drag and drop
  • قابلیت ایجاد فرم ثبت‌ نام و ورود
  • قابلیت ایجاد پنل کاربری
  • قابلیت ترجمه به زبان‌های مختلف
  • قابلیت نمایش در بخش‌های مختلف سایت به کمک short code
  • پشتیبانی از  google reCaptcha
  • و….

ایجاد فرم عضویت کاربر با افزونه User Registration

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

گام اول: تنظیمات وردپرس

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

فرم ثبت نام کاربر در سایت با افزونه

گام دوم: نصب افزونه

وارد بخش افزونه‌ها > افزودن شوید و نام افزونه (User Registration) را در باکس جستجو نمایید. سپس افزونه را مانند سایر افزونه‌ها نصب و فعال نمایید.
همچنین می‌توانید با کلیک بر روی دکمه‌ی زیر افزونه را از وب‌سایت وردپرس دانلود نماید.

دانلود افزونه user registration

گام سوم: ایجاد فرم دلخواه

۱- ایجاد فرم عضویت

بعد از نصب افزونه بخش جدیدی به نام User Registration به پنل وردپرس اضافه می‌شود. از این قسمت دکمه‌ی add new را بزنید.
در این صفحه می‌توانید فرم ورود و عضویت در وردپرس را به سبک دلخواه خود را بسازید.
در بخش بالایی صفحه نام مناسب برای فرم خود را وارد نمایید.
در سمت راست این افزونه سه بخش fields، field options و form setting قرار دارد. در بخش fields فیلد‌های دلخواه خود را درون فرم بکشید و رها کنید.(بخش چپ)

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

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

۲- تنظیمات فیلدها

اکنون فرم مدنظر شما ساخته‌شده است اما عبارات به زبان فارسی نیستند و ممکن است محدودیت‌های مدنظر شما بر روی فیلدها وجود نداشته باشند.
برای تنظیم کردن هر فیلد در فرم کافی است اشاره‌گر موس را روی آن فیلد قرار دهید تا دو دکمه‌ی trash و clone ظاهر شود. بر روی دکمه‌ی clone کلیک نمایید تا در سمت راست صفحه بخش field options باز شود.

 فرم عضویت در وردپرس

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

Label:  از این قسمت عنوان فیلد را فارسی کنید.

Description: توضیحات اضافی برای فیلد

Placeholder: متن کم‌رنگی که داخل فیلد نوشته می‌شود.

Required: اجباری بودن تکمیل فیلد برای کاربر

Hide Label: مخفی کردن عنوان فیلد

Custom Class: اضافه کردن کلاس‌های دلخواه به این فیلد

۳- تنظیمات  فرم عضویت

برای تنظیمات فرم ایجاد شده از بخش راست دکمه‌ی form setting را بزنید.
تنظیمات این بخش عبارتند از:

Default User Role: نقش کاربر ثبت نام شده (ترجیحاً آن را روی subscriber یا همان مشترک قرار دهید تا پایین‌ترین دسترسی را به کاربران بدهید.)

Enable Strong Password: سنجش میزان قوی بودن رمز عبور در فرم

Minimum Password Strength: حداقل قدرت رمز عبور قابل قبول

Form Submit Button Label: عنوان دکمه‌ی ارسال فرم (به فارسی ترجمه کنید.)

Enable reCaptcha Support: فعال‌سازی reCaptcha در این فرم

Form Template: ظاهر فرم (انتخاب ظاهر فیلد‌های فرم به‌صورت دایره، با حاشیه، مستطیلی و..)

Custom CSS class: افزودن کلاس‌های css دلخواه

بعد از اعمال تنظیمات create form را بزنید.

گام چهارم: استفاده از فرم ایجاد شده

با کمک شورت کدی که افزونه به شما می‌دهد، فرم طراحی شده در همه‌ی بخش‌های سایت قابلیت نمایش دارد. کافیست short code تولید شده را کپی نمایید و در صفحه یا برگه‌ی مدنظر خود paste کنید.

ساخت فرم ثبت نام در وردپرس

برای این کار وارد بخش برگه‌ها > افزودن برگه شوید. نام و slug دلخواه را وارد کنید و کد را paste کنید. همچنین می‌توانید دکمه‌ی add Registration form را بزنید و فرم ساخته شده را انتخاب نمایید تا کد در این صفحه paste شود.

ساخت فرم لاگین در وردپرس

بدین ترتیب فرم ثبت نام کاربران به راحتی ساخته شد.
برای فارسی شدن خطاهای فرم بخش بعدی را دنبال کنید.

تنظیمات هشدارها

از بخش User Registration وارد setting شوید. تب general دارای ۴ زیر بخش است. گزینه‌ی اول General Options را بزنید.
در بخش User login option نحوه لاگین کردن کاربر بعد از ثبت نام را مشخص کنید. (ورود مستقیم بعد از ثبت نام، دریافت کد فعال‌سازی با ایمیل و..)
برای مثال اگر می‌خواهید ثبت نام کاربر با ارسال ایمیل فعال‌سازی انجام شود گزینه‌ی Email confirmation to login را انتخاب کنید. یا اگر ترجیح می‌دهید بلافاصله بعد از ثبت نام، کاربر با رمز عبور انتخابی خود وارد شود گزینه‌ی manual login را انتخاب کنید.

ساخت صفحه‌ی ورود در وردپرس

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

آزمایش فرم ایجاد شده

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

لینک ارسالی به ایمیل قابل کلیک نیست؟

اگر ایمیلی که برای تایید ثبت‌نام برایتان ارسال می‌شود قابل کلیک نیست، وارد بخش Settings->Emails در این افزونه شوید. از بخش Email Confirmation برروی آیکون تنظیمات کلیک کنید. وارد صفحه‌ای می‌شوید که در آن قادرید متن ایمیل ارسالی را تغییر دهید.
اگر در متن ارسالی لینکی وجود ندارد، آن را خودتان به صورت زیر ایجاد کنید:




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


ساخت فرم ورود در وردپرس (بخش دوم)

مطالب زیر را حتما بخوانید

المنتور چیست؟ معرفی یکی از افزونه‌های صفحه‌ساز وردپرس

المنتور یک افزونه است که با استفاده از آن می‌توانید قسمت‌های مختلف سایت وردپرس خود را تغییر دهید.

آموزش کار با افزونه‌ی Wp Rocket وردپرس

افزونه‌ی Wp Rocket را نصب کنید تا با انجام عمل کش، شاهد افزایش چشم‌گیر سرعت سایت خود باشید. ما در...

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

وجود فرم‌ها در وب‌سایت برای تعامل با کاربران الزامی هستند. در این مقاله ۵ فرم ساز برتر وردپرس را معرفی...

معرفی بهترین افزونه‌ بک آپ گیری وردپرس

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

دوره آموزش ووکامرس | ساخت فروشگاه اینترنتی بدون کد نویسی

دوره آموزش ووکامرس | ساخت فروشگاه اینترنتی بدون کدنویسی

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

پکیج آموزش html و css

دوره آموزش HTML و CSS

دوره آموزش HTML و CSS به صورت ویدیویی و پروژه محور : ...

دوره آموزش افزونه EDD

دوره آموزش افزونه EDD

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

دیدگاهتان را بنویسید

50 پاسخ به “ساخت فرم ورود و عضویت در وردپرس با افزونه‌ user registration (بخش اول)”

  1. سروش گفت:

    سلام
    من وقتی فرم ثبت نام را ایجاد کردم و میخوام تو این فرم ثبت نام کنم وقتی دکمه ی ثبت رو میزنم ارور کپچاگوگل میده و نمیذاره ثبت نام کنم. باید چیکار کنم تا اوکی شه؟

    • این میتونه به این دلیل باشه که شما از افزونه کپچاهم استفاده می‌کنید که باید برای این فرم هم ایجاد شه. یا اینکه برعکسه در این فرم به کمک همین افزونه فیلد کپچا اضافه شده ولی تنظیماتش درست نیست و کپچا رو نشون نمیده.

  2. شهاب گفت:

    سلام من در فرم ثبت نام گزینه ورود با تایید ایمیل رو فعال کردم ولی هیچ ایمیلی ارسال نمیشه چیکار باید انجام بدم؟

    • سلام وقت بخیر اگر روی لوکال هاست تست می‌کنید هیچ ایمیلی ارسال نمیشه. اگر سایت در یک سرور بارگذاری شده و ایمیل ارسال نمیشه ممکنه محدودیتی در ارسال ایمیل از سمت سرور داشته باشید.

  3. آرین گفت:

    سلام . دوتا مشکل داشتم : 1_ بخش ورود فارسی نشد 2_قسمت های Logout کار نکرد . ممنون میشم راهنمایی کنید

  4. محمد حسین طیب گفت:

    سلام .عالی

  5. میلاد گفت:

    سلام خدمت شما… من از این افزونه استفاده کردم ولیکن وقتی کاربر عادی وارد میشود و هنوز ثبت نام نکرده است وارد صفحه log in میشود و یک نام کاربری که قبلا ثبت نشده را وارد می کند وارد صفحه ثبت نام نمی شود بلکه وارد صفحه wp-admin مدیریت سایت می شود… میخواهم این اتفاق رخ ندهد باید چیکار انجام بدهم پیشنهاد شما چیه؟؟

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

  6. مهناز گفت:

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

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

  7. فریده گفت:

    واقعا عالی بود. خدا قوت. لذت میبریم مطالب جامع را میخونیم. یک سوال امکان گرفتن خروجی اکسل از اطلاعات کاربران وجود دارد؟

  8. ALI گفت:

    سلام خسته نباشید قسمت Redirect URL چی باید بنویسم؟

  9. nasiri20 گفت:

    سلام وقت شما بخیر
    سامانه رزرواسیون داریم که می خواهیم تنها افرادی که ما شماره تماس و کد ملی آنها را در پایگاه داده ای خود داریم بتوانند از این سامانه استفاده کنند و رزرو را انجام دهند. برای این سناریو شما چه روشی پیشنهاد می کنید؟ استفاده از افزونه برای این سناریو لاز م است؟ چه افزونه ای برای این سناریو می توانیم استفاده کنیم؟

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *