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

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

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

[irirelated]آموزش ساخت فرم ثبت نام در المنتور با افزونه Actions Pack[/irirelated]

مراحل قدم به قدم ساخت فرم ورود در المنتور با افزونه Actions Pack

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

1️⃣ مرحله اول : نصب پیشنیازهای مورد نیاز

در اولین قدم باید افزونه های مورد نیاز را نصب کنیم. در زیر این افزونه ها را قرار داده ایم و باید این افزونه ها را در وردپرس خود نصب کنید.

• افزونه Elementor Pro
• افزونه Action Pack

برای نصب افزونه به راحتی می توانید اقدام کنید و از طریق بخش “پیشخوان وردپرس > افزونه ها > افزودن” سپس “بارگذاری افزونه” نصب و فعال کنید.

2️⃣ مرحله دوم : ساخت برگه ورود

در این مرحله باید صفحه و یا برگه ورود کاربر را ایجاد کنیم. برای ایجاد برگه باید مراحل زیر را دنبال کنید.

1. به مسیر “پیشخوان وردپرس > برگه ها > افزودن جدید” بروید.
2. در بخش عنوان عبارت “ورود” را وارد کنید. (به دلخواه می توانید عنوان برگه را تغییر دهید.)
3. بر روی دکمه”ویرایش با المنتور” کلیک کنید.

حالا باید صفحه شما با ویرایشگر المنتور باز شود و در این صفحه می توانید همه المان های خود را قرار دهید.

[irinfobox]نکته مهم : در این مقاله ما در تنظیمات صفحه المنتور، صفحه را در حالت Canvas المنتور قرار داده ایم یعنی به صورتی که هدر و فوتر وجود ندارد و صفحه ما تمام صفحه است. (به دلخواه می توانید نوع صفحه را تعیین کنید.)[/irinfobox]

3️⃣ مرحله سوم : ایجاد فرم ورود

حالا باید فرم ورود را ایجاد کنیم. (منظور از ایجاد فرم همان ویجت فرم المنتور هست که باید فرم خود و فیلد ها را بسازیم و تعیین کنیم.)

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

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

• نام کاربری
• ایمیل
• رمز ورود

برای کوتاه سازی هم می توانید فقط ایمیل و رمز عبور را قرار دهید.

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

تا اینجای کار ما فرم ورود را در ظاهر ساختیم! اما باید این فیلد ها را به وردپرس معرفی کنیم تا مشخص شود که کاربر می توانید با این فرم وارد سایت شود. برای این کار به مرحله بعدی بروید …

4️⃣ مرحله چهارم : مشخص کردن فیلد های ورود

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

حالا همانند تصویر بالا در بخش “افزودن واکنش” باید گزینه ورود را انتخاب کنید. (این گزینه با نصب افزونه اکشن پک به لیست اضافه می شود.)

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

• ورود با استفاده : نوع ورود را انتخاب کنید.
  • ID & Password : نام کاربر و پسورد
  • ID & OTP : نام کاربری و تایید موبایل یا ایمیل
  • ID & Password & OTP : نام کاربری، تایید موبایل و یا ایمیل و پسورد
• شناسه کاربر : نام کابری یا ایمیل را می توانید انتخاب کنید.
• رمز عبور : رمز عبور را باید انتخاب کنید.
• مرا با خاطر بسپار : می توانید تیک “مرا با خاطر بسپار” را قرار دهید.
• تغییر مسیر : می توانید تغییر مسیر را بعد از ورد کاربر را تعیین کنید.
• تنظیمات اضافی : تنظیماتی همانند، نمایش لینک خروج و یا تغییر مسیر ها را می توانید تنظیم کنید.

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

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