صفحه اصلی / آموزش افزونه های وردپرس / ساخت فرم ورود و ثبت نام با المنتور + آموزش ویدویی

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

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

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

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

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

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

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

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

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

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

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

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

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

از منوی المان‌های المنتور در سمت چپ،المان (User login) را انتخاب و در صفحه بکشید.

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

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

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

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

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

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

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

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

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

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

از منوی سمت چپ المنتور به دنبال المان (User Register) بگردید.این المان را با کشیدن و رها کردن (Drag & Drop) به صفحه اضافه کنید.

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

بر روی آن کلیک کنید تا به تنظیمات آن دسترسی داشته باشید.

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

نمایش فرم و ورد و ثبت نام در سایت

در مرحله اول باید یک قالب دیگر از نوع (Section) بسازید.

در این صفحه از المان (Switcher) استفاده کنید.

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

حال دکمه (Switch A) را به ورود تغییر دهید. در قسمت Select Source  نیز از Elementor template استفاده کنید و قالبی که برای فرم ورود ساخته اید را فراخوانی کنید.

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

در قسمت Switch B نیز همین کار را برای فرم ثبت نام انجام دهید.

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

برای نمایش فرم ورود و ثبت نام کافی است از المان (Offcanvas) در هدر یا هر جای دیگر که می‌خواهید دکمه و ورود و ثبت نام را نمایش دهید استفاده کنید.ما این در  این آموزش از هدر استفاده می‌کنیم و المان موردنظر را در هدر فراخوانی می‌کنیم.

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

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

برای اعمال تنظیمات بر روی المان کلیک کنید.بخش (Select Source) را بر روی Eelemntor Templates قرار دهید و در بخش Choose Template قالبی را انتخاب کنید که دکمه Switcher در آن قرار دارد.

حال می‌توانید نتیجه کار را مشاهده کنید.

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

 

جمع‌بندی:

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

 


منبع مطلب

این مطالب را نیز ببینید!

همه چیز درباره پوسته فرزند در وردپرس + آموزش ویدویی

همه چیز درباره پوسته فرزند در وردپرس + آموزش ویدویی

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

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

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