در این صفحه به آموزش ساخت فرم ثبت نام در المنتور و ساخت فرم ورود در المنتور پرداختیم. اگر دنبال آموزشی رایگان به صورت گام به گام هستید، اینجا همان جایی است که به شما کمک میکنیم به سادگی فرم ورود و ثبت نام را با صفحه ساز المنتور بسازید. با تم فور همراه باشید.
سر فصلهای این مقاله:
قبل از شروع آموزش، جهت یادآوری، با افزونه المنتور رایگان امکان ساخت فرم ورود و ثبت نام وجود ندارد. به همین جهت در این آموزش، از افزونه المنتور پرو و افزونه پاورپک استفاده شده است. با این دو افزونه میتوانید فرمهای ورود و ثبت نام را بسازید.
ساخت فرم ورود با افزونه المنتور پرو
بعد از نصب افزونه المنتور پرو، یک صفحه با نام فرم ورود ایجاد کنید. در ویرایشگر المنتور به دنبال ویجت ورود یا Login باشید.
ویجت ورود را به داخل صفحه بکشید و رها کنید. پس از این اقدام، تنظیمات و آپشنهای مربوط به ساخت فرم ورود با المنتور ظاهر میشود.
در بخش فیلدهای فرم، فیلدهای مربوط به فرم ورود نمایش داده میشود. گزینه برچسب، برای نمایش یا مخفی کردن نام فیلدها است.
از طریق گزینه اندازه ورودی، میتوان اندازه فیلدهای فرم را تعیین کرد. اندازه کوچک، متوسط، بزرگ و خیلی بزرگ، مواردی هستند که میتوانید برای فیلدها در نظر بگیرید.
در تب دکمه، امکان تغییر متن دکمه و همچنین اندازه دکمه درس دسترس است. از طریق گزینه ترازبندی هم میتوانیم موقعیت و جایگاه دکمه را مشخص کنیم.
تب گزینههای اضافی، تنظیماتی برای کنترل عملکرد فرم ورود المنتور قرار گرفته است. مثلاً در اینجا میتوانیم آدرس زمان لاگین شدن کاربر را سفارشی کنیم.
وقتی که کاربر لاگین شد، به کدام صفحه از سایت هدایت شود؟ یا پس از خروج به کجا منتقل شود؟ از طریق این دو گزینه میتوانید این موارد را کنترل کنید.
همچنین در ادامه همین تب، امکان نمایش لینکهای مرا به خاطر بسپار و فراموشی رمز عبور وجود دارد.
پیام وارد شده، همان پیام نمایشی زمان لاگین بودن کاربر است. اگر کاربر لاگین بود و از صفحه ورود یا ثبت نام بازدید کرد، یک پیام به جای فرم ورود به او نمایش داده میشود.
از این قسمت (پیام وارد شده) میتوانید این پیام را سفارشی کنید.
با فعال کردن گزینه برچسب دلخواه، میتوان نام یا عنوان فیلدهای فرم ورود را با المنتور تغییر داد.
پس از فعال کردن گزینه، کافیست در فیلدهای سمت راست ویرایشگر المنتور، نام مدنظرتان را برای هرکدام از فیلدها وارد کنید.
تنظیمات استایل ساخت فرم ورود با المنتور
در تب استایل ویرایشگر المنتور، به مانند همه ویجتهای المنتور، امکان شخصی سازی بخشهای مختلف ویجت در دسترس است.
مثلاً فاصله بین فیلدها، پدینگ، رنگ بندیها و سایر موارد را از این تب به سادگی میتوان سفارشی کرد.
ساخت فرم ورود در المنتور با پاورپک
برای ساخت فرم ورود و ثبت نام در المنتور، از افزودنی های المنتور میشود استفاده کرد. یکی از این افزودنیها، افزونه پاورپک است. پاورپک دارای امکانات زیادی است و هر ویجت آن، امکانات به مراتب بیشتری نسبت به المنتور پرو دارد.
پس از نصب و فعالسازی پاورپک، در ویرایشگر المنتور، ویجت فرم ورود پاورپک را پیدا کنید و به داخل صفحه بکشید.
میببینید از نظر ظاهر و امکانات شبیه فرم ورود المنتور پرو است. اما به مراتب امکانات بیشتری دارد. برای نمونه، امکان تغییر متن مرا به خاطر بسپار، امکان ایجکسی کردن فرآیند لاگین، کپچای ضد ربات و غیره در ویجت ورود پاورپک در دسترس است.
برای اینکه از ارسال اسپم و ثبت نام رباتها جلوگیری کنید، ویجت ورود پاورپک اجازه میدهد یک کپچا به فرم اضافه کنید.
همچنین در ادامه، قابلیت ورود با شبکههای اجتماعی و ایمیل وجود دارد. این موارد هیچکدام در فرم ورود المنتور پرو وجود نداشت.
برای فعالسازی قابلیتهای کپچا و ورود با شبکه اجتماعی، در تنظیمات پاورپک -> ادغام میتوانید کلیدهای مورد نیاز را وارد کنید. بدون ست کردن این کلیدها، این قابلیتها کار نخواهند کرد.
در تب گزینههای اضافی محیط ویرایشگر المنتور، همانطور که در تصویر میببینید، تنظیمهای بیشتری برای کنترل فرم ورود در دسترس است. تا اینجا تفاوت بین فرم ورود المنتور پرو و فرم ورود پاورپک شدید.
بگذارید اکنون ببینیم فرم ثبت نام پاورپک به چه شکل است؟ در ادامه با روش ساخت فرم ثبت نام در المنتور آشنا میشوید.
ساخت فرم ثبت نام در المنتور
برای ساخت فرم ثبت نام در المنتور از همان پاورپک استفاده میکنیم. میدانیم که امکانات زیادی دارد.
به مانند توضیحات مربوط به فرم ورود، ویجت ثبت نام پاورپک را به داخل صفحه بکشید تا تنظیمات این ویجت ظاهر شود. توجه داشته باشید که صفحه ورود و صفحه ثبت نام مجزا باشند.
اگر برای اولین بار است، وردپرس را نصب کردید و تنظیماتی روی آن انجام ندادید، احتمالاً با پیام « شما باید تنظیمات هرکسی بتواند ثبت نام کند…» مواجه میشوید.
این پیام به ما میگوید در سایت ما، امکان ثبت نام کاربران وجود ندارد. برای حل آن کافیست به پیشخوان وردپرس -> منوی تنظیمات بروید و گزینه عضویت را تیک بزنید و تنظیمات را ذخیره کنید.
به ویرایشگر المنتور برمیگردیم تا با سایر تنظیمهای ویجت فرم ثبت نام آشنا شویم.
در بخش فیلدهای فرم به مانند فیلدهای ورود، تغییر متنها و عنوان فیلدها امکان پذیر است.
همانطور که در تصویر هم مشخص است، برخی از فیلدها را نباید از فرم ثبت نام با المنتور حذف کنید. مانند فیلد ایمیل و فیلد گذرواژه (رمز عبور) نباید حذف شوند.
در تب دکمه ثبت نام، قابلیتهایی مثل: تغییر متن، تغییر اندازه دکمه، عرض ستون دکمه، موقعیت دکمه و انتخاب آیکون برای دکمه وجود دارد.
در اقدامات پس از ثبت نام، میتوانید تنظیم کنید که پس از ثبت نام کاربر، چه اتفاقی بیافتد. به صورت پیشفرض، یک ایمیل اطلاعیه به کاربر و مدیر سایت ارسال میشود.
در بخش اطلاعیه ایمیل، همان ایمیل اطلاعیه قابل شخصی سازی است. متن، موضوع و موارد دیگر را میتوانید به دلخواه خودتان تغییر دهید.
در ادامه ویژگی مخفی کردن فرم از کاربران لاگین شده یا وارد شده را میببینید. اینجا ما میتوانیم یک پیام را جایگزین فرم ثبت نام کنیم.
در واقع اگر کاربر لاگین شده باشد، نمیتواند فرم ثبت نام را ببیند و میشود یک پیام سفارشی تنظیم کرد.
ویجت ثبت نام پاورپک، اجازه میدهد نقش کاربر را هنگام ثبت نام تعیین کنیم. یعنی اگر کاربر با فرم ثبت نام المنتوری ما عضو سایت شد، چه نقشی به اون تعلق بگیرد.
این ویژگی مهمی است و کمک میکند نقش کاربر را هنگام ثبت نام تنظیم کنید. برای سایتهای فروشگاهی، حتماً نقش کاربر باید: مشتری یا Customer باشد.
در ادامه معرفی تنظیمهای فرم ثبت نام، میتوانیم لینک ورود و لینک فراموشی رمز عبور را به فرم ثبت نام اضافه کنیم.
به همین سادگی توانستیم فرم ورود و فرم ثبت نام با صفحه ساز المنتور طراحی کنیم. بعد از ساخت فرم ثبت نام در المنتور و ساخت فرم عضویت در المنتور، به تنظیمات پاورپک -> تب ورود / ثبت نام بروید و صفحاتی که ساختید را انتخاب کنید. در نهایت دکمه ذخیره تنظیمات را بزنید.
آیا میتوان فرم ثبت نام و فرم ورود حرفهای طراحی کرد؟
بله! این آموزش، صرفاً برای یادگیری مباحث پایه بود. اگر به نحوه استایلدهی در المنتور آشنایی داشته باشید، به راحتی میتوانید ظاهر فیلدها، فرم و سایر موارد را به جذاب ترین شکل ممکن طراحی کنید.
جمع بندی ساخت فرم ورود و ثبت نام در المنتور
به نکات کلیدی با جزئیات ریز برای ساخت فرم در المنتور و ساخت فرم ثبت نام در المنتور در این آموزش پرداخته شد. به همین دلیل با کمترین دانش در مورد المنتور هم میتوانید به سرعت صفحه ورود و صفحه ثبت نام اختصاصی بسازید. با آرزوی سلامتی و موفقیت کسب و کار آنلاین شما.
این مقاله چقدر براتون مفید بود؟
از ۱ تا ۵ امتیاز بدید
میانگین رتبه ۵ / ۵. تعداد رای: ۳
همۀ تلاش مجموعهی تم فور اینه که بهترین آموزشها برای وردپرس رو به صورت کاملاً رایگان برای جامعهی وردپرس ایران تولید بکنه. امیدواریم آموزشهای ما براتون مفید واقع بشه :)