آموزش ساخت فرم ورود با المنتور

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

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

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

شما برای ساخت فرم ورود و ثبت نام با المنتور باید المان login رو به درون صفحه خودتون بکشید که البته این صفحه می تونه قسمت های مختلف یک سایت باشه مثلا در قسمت زیر یکسری بخش هایی که می تونید از این المان به صورت کاربردی استفاده کنید رو لیست خواهم داد

• در یک صفحه جداگانه فرم ورود رو طراحی کنید
• فرم ورود رو در بخش سایدبار قرار دهید
• می تونید در یک پاپ آپ فرم ورود رو طراحی کرده و به یک دکمه در بخش هدر لینکش کنید
• می تونید در بخش فوتر فرم ورود رو قرار دهید

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

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

آموزش ساخت فرم ورود با المنتور (المان Login)

برای ساخت فرم ورود با المنتور روش های مختلفی وجود داره که ساده ترین روش استفاده از المان Login است که می تونید بعد از نصب افزونه المنتور پرو از بخش المان های پرو آن را استفاده کنید اما آیا این روش بهترین روش است؟ قطعاً خیر روش های دیگری هم وجود دارد که بسیار کاربردی تر از این روش است که در ادامه آموزش ساخت فرم ورود با المنتور سعی می کنیم هر کدوم رو به صورت جداگانه توضیح دهیم.

• اولین قدم در آموزش ساخت فرم ورود با المنتور انتخاب المان ورود یا Login و کشیدن آن داخل صفحه است

بعد از اضافه کردن المان Login برای ساخت فرم ورود با المنتور باید تنظیمات المان رو مطابق میل خودتون سفارش سازی کنید مثلاً از تب محتوا قادر هستید ساختار فرم ورود به سایت رو مشخص کنید

در بخش محتوا تنظیمات ساده و مختلفی وجود داره که هر بخش رو به صورت خلاصه براتون توضیح خواهم داد البته در ویدیو آموزش ساخت فرم ورود با المنتور این موارد به صورت کامل آموزش داده شده است.

• Form Fields : از این قسمت می تونید سایز فیلدها و نمایش برچسب هارو مشخص کنید
• Button : این بخش شامل تنظیمات متن،سایز و چیدمان برای دکمه ورود است
• Additional Options : در این بخش باید مشخص کنید چه گزینه هایی نمایش داده بشه، بعد از ورود کاربر به کجا هدایت بشه و متن گزینه های صفحه ورود چی باشه

با تب استایل هم که همه شما عزیزان آشنا هستید و می دونید برای ظاهر فرم چه تنظیماتی رو باید انجام داد البته من این بخش رو در ویدیو آموزش ساخت فرم ورود با المنتور به صورت کامل آموزش دادم.

آموزش ساخت فرم ورود با المنتور (افزونه المنت پک)

اما روش دوم آموزش ساخت فرم ورود با المنتور استفاده از افزونه المنت پک هست شما می تونید از المان User Login که داخل افزونه Element Pack وجود دارد یک فرم ثبت نام کاملتر نسبت به المان قبلی یعنی Login طراحی کنید یک نکته وجود دارد

دقت کنید که اگر فقط برای ساخت فرم ورود با المنتور قصد دارید افزونه Element Pack رو نصب کنید پیشنهاد می کنم نصب نکنید چون زمانی که شما یک افزونه نصب می کنید کدهای زیادی داخل وردپرس شما اجرا می شود و شما با خیلی از این کدها نیازی ندارید در نهایت این کدهای اضافی باعث می شود سایت شما سنگین شود.

نکته :

روش سوم ساخت فرم ورود با المنتور (افزونه Theme My Login)

روش سومی که برای ساخت فرم ورود با المنتور وجود دارد استفاده از افزونه Theme My Login است این افزونه بسیار ساده قابلیت های کاربردی دارد و شما به همراه افزونه المنتور می تونید فرم ورود و ثبت نام جذابی طراحی کنید در دوره آموزش ساخت حساب کاربری با استفاده از این روش فرم های جذابی برای ورود، ثبت نام و فراموشی رمز عبور طراحی کردیم که یک نمونش رو در تصویر زیر مشاهده می کنید

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

نتیجه آموزش ساخت فرم ورود با المنتور

در این جلسه یاد گرفتیم چطور با استفاده از المان Login و یکسری روش های دیگه فرم ورود به سایت رو طراحی کنیم. فرم ورود به سایت یکی از مهم ترین اجزای سایت است که شما باید به آن اهمیت زیادی بدهید ساخت فرم ورود با المنتور بسیار ساده است و چندین روش برای اینکار وجود دارد.

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