آقای برنامه نویس

طراحی فرم ورود و ثبت نام با المنتور

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

ویدئو آموزشی مقاله

پخش ویدیو

افزونه های مورد نیاز

– المنتور پرو

– المنت پک

فرم ورود

  1. از منو پیشخوان وردپرس > قالب ها > افزودن قالب را انتخاب می کنیم.
  2. نوع قالب را روی Section گذاشته و نامی برای قالب خود درج می کنیم.
  3. یک سکشن با عرض 300px ایجاد می کنیم.
  4. در قسمت ابزارک های المنتور، ابزارک User Login برای طراحی فرم ورود انتخاب می کنیم.
  5. ابزارک را مطابق با سلیقه خود سفارشی سازی می کنیم.

ابزارک User Login

user login 1 | آقای برنامه نویس | آموزش المنتور وردپرس

فرم ثبت نام

  1. از منو پیشخوان وردپرس > قالب ها > افزودن قالب را انتخاب می کنیم.
  2. نوع قالب را روی Section گذاشته و نامی برای قالب خود درج می کنیم. 
  3. یک سکشن با عرض 300px ایجاد می کنیم.
  4. در قسمت ابزارک های المنتور، ابزارک User Register برای طراحی فرم ورود انتخاب می کنیم.
  5. ابزارک را مطابق با سلیقه خود سفارشی سازی می کنیم.

ابزارک User Register

register | آقای برنامه نویس | آموزش المنتور وردپرس

ساخت دکمه Swicher

  1. از منو پیشخوان وردپرس > قالب ها > افزودن قالب را انتخاب می کنیم.
  2. نوع قالب را روی Section گذاشته و نامی برای قالب خود درج می کنیم. 
  3. یک سکشن با عرض 300px ایجاد می کنیم.
  4. در قسمت ابزارک های المنتور، ابزارک Switcher برای طراحی فرم ورود انتخاب می کنیم.
  5. در تنظیمات این افزونه در یخش Swich A قالبی که در مرحله ( فرم ورود ) ذخیره کردیم را فراخانی می کنیم.
  6. همچنین در یخش Swich B نیز قالبی که در مرحله ( فرم ثبت نام ) ذخیره کردیم را فراخانی می کنیم.
  7. تغیرات و قالب خود را ذخیره می کنیم.

ابزارک Swicher

swicher | آقای برنامه نویس | آموزش المنتور وردپرس

درج دکمه ثبت نام در هدر سایت

  1. هدر خود را ویرایش کنید و ستونی را برای قرارگیری دکمه ورود / ثبت نام طراحی می کنیم.
  2. در قسمت ابزارک های المنتور، ابزارک Offcanvas در ستون مورد نظر درج می کنیم.
  3. در قسمت Select Source ابزارک نوع آن را بر روی Elementor Template قرار می دهیم.
  4. در قسمت Choose Template قالبی که در محله ( ساخت دکمه Swicher ) طراحی کردیم را فراخانی می کنیم.
  5. تنظیمات خود را ذخیره می کنیم.

ابزارک Offcanvas

offconvas | آقای برنامه نویس | آموزش المنتور وردپرس

نمایش نام کاربر

برای اینکه هنگامی که کاربری وارد وب سایت می شود به جای نمایش متن دکمه ( ورود / ثبت نام ) نام کاربری خود را مشاهده کند. از روش زیر عمل می کنیم.

hi user 1 | آقای برنامه نویس | آموزش المنتور وردپرس
login off | آقای برنامه نویس | آموزش المنتور وردپرس

در قسمت تنظیمات محتوا ابزارک offcanvans وارد بخش Button و فیلد Button Text را در حالت داینامیک User info قرار می دهیم

user info | آقای برنامه نویس | آموزش المنتور وردپرس

بر روی آیکون آچار فیلد داینامیک کلیک کرده و Field آن را روی Username قرار می دهیم.

طراحی فرم ورود و ثبت نام

در بخش پیشرفته در فیلد قبل می توانیم کلمه سلام را اضافه کنیم. تا علاوه بر نمایش نام کاربر این کلمه هم نمایش داده شود. مثلا ( سلام Kurockey ) 

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

advance user info | آقای برنامه نویس | آموزش المنتور وردپرس
راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام آقای برنامه نویس عضو شوید.
سعید حسنی
سعید حسنی
محتوا پادشـــاه است، با تایپ هر کلمه یک قدم به هدفـم نزدیک تـر میشم...
سعید حسنی
سعید حسنی
محتوا پادشـــاه است، با تایپ هر کلمه یک قدم به هدفـم نزدیک تـر میشم...

2 پاسخ

  1. درود ، ویدیوها اکثرشون کار نمیکنن و پیام: No Video With Supported Format And MIME Type Found رو میدن. با 4 براوزر امتحان کردم همه همین پیام رو میدن، مثل ویدیوی همین صفحه. لطفا بررسی بفرمایید

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

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

فهرست مطالب

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

آموزش راه اندازی افزونه دستیار سلامت تنها افزونه ایرانی محاسبه توده بدنی و بررسی سلامتی و تناسب اندام کاربران https://files.mr-programer.ir/videos/dastyar-salamat-plugin.mp4 امروزه افراد به تناسب اندام

جلسه ۲: حداقل سیستم مورد نیاز برای المنتور - آقای برنامه نویس
جلسه 2: حداقل سیستم مورد نیاز برای المنتور

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

اتصال MailChimp به المنتور (اتصال میل چیمپ به المنتور)
اتصال MailChimp به المنتور، ساخت فرم عضویت در خبرنامه

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

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

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

ساخت دکمه گرادیانت در المنتور، بدون افزایه جانبی
ساخت دکمه گرادیانت در المنتور، بدون نیاز به افزایه جانبی

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

قابلیت کد کوتاه ضروری در افزونه المنت پک - آقای برنامه نویس
قابلیت کد کوتاه ضروری در افزونه المنت پک

استفاده از کد های کوتاه در نوشته ها و بخش های سایت امکانات زیادی را برای ما فراهم میکند. در این مقاله ما به بررسی ویژگی کد کوتاه ضروری در افزونه المنت پک می‌پردازیم. پس با ما همراه باشید…

تغییرات وردپرس 5.7 - آقای برنامه نویس
وردپرس 5.7 منتشر شد!

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

طراحی صفحه در دست تعمیر وردپرس با المنتور
طراحی صفحه در دست تعمیر وردپرس با المنتور

وردپرس برخی اوقات به بروزرسانی و تعمیر احتیاج داره. و هنگامی که وبسایت در دست تعمیر و دیباگ هست برای حفظ امنیت وبسایت نمیتوان وبسایت را در دسترس بازدید کنندگان قرار داد. به همین دلیل هنگام تعمیر وبسایت، ترجیحاً حالت تعمیر رو فعال میکنند!

اشتراک گذاری

اشتراک گذاری در twitter
اشتراک گذاری در pinterest
اشتراک گذاری در whatsapp
اشتراک گذاری در telegram