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

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

یکی از امکانات خوب افزونه جت بلاک (JetBlock) همین فرم ورود و ثبت نام سفارشی هست که برای این مورد ویجت های جدایی را ارائه داده است و هم می توانید یک ویجت ورود و هم یک ویجت ثبت نام را در بخش ویجت ها مشاهده کنید. دقت داشته باشید که حتما نسخه اورجینال افزونه را همراه فاکتور خرید اورجینال از لینک زیر خریداری کنید.

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

در حالت عادی و پیشفرض افزونه المنتور این امکان را ندارد که بتوانیم یک صفحه ثبت نام برای سایت ایجاد کنیم. (البته یک ویجت ورود دارد که همان صفحه ورود پیشفرض وردپرس محسوب می شود) برای همین منظور باید از افزونه هایی برای این کار استفاده کنیم که هیچ افزودنی المنتور به افزونه های Jet نمی رسد و می توانند بهترین گزینه برای این مورد باشند.

البته در مقاله “ساخت سربرگ سفارشی در المنتور با JetBlock” آموزش داده شده که چظور افزونه در وردپرس خود نصب کنیم، اما باز هم بازگو می کنیم و می توانید در ادامه همراه ما باشید.

مرحله اول : نصب افزونه JetBlock

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

همانند تصویر بالا چون افزونه به صورت پریمیوم هست باید بر روی دکمه “بارگذاری افزونه” کلیک کنید تا بتوانیم فایل مورد نظر افزونه را در وردپرس نصب کنیم. سپس بر روی دکمه “Choose File” کلیک کنید.

حالا باید فایل زیپ افزونه را انتخاب کنید و سپس در آخر بر روی دکمه “نصب” کلیک کنید تا افزونه شروع به آپلود و نصب شود.(شاید حداکثر تا 1 دقیقه زمان ببرد.) سپس بر روی “فعال نمایید” کلیک کنید.

[irinfobox]اگر در مراحل نصب افزونه با مشکلی و یا اروری حتما خیلی احتمالی مواجه شدید حتما برای ما تیکت بزنید تا همان لحظه پشتیبانان مشکل شما را حل کنند.[/irinfobox]

مرحله دوم : ساخت صفحه ورود در المنتور

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

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

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

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

سپس باید ویجت “فرم ورود” را در صفحه بکشید و رها کنید.

حالا باید در صفحه یک فرم ورود برای شما ظاهر شود که شاید ظاهری همانند تصویر زیرد داشته باشد، شاید رنگ ها و اندازه ها متفاوت باشد آن همبرای این هست که تنظیمات استایل را از قالب و یا تنظیمات کلی المنتور ارث می برد.

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

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

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

مرحله دوم : ساخت صفحه ثبت نام در المنتور

حالا باید صفحه ثبت نام را طراحی کنیم، رول کار همانند صفحه ورود هست و فقط ویجت مورد نظر را برای ثبت نام به صفحه بکشیم و رها کنیم. برای این منظور ابتدا مراحل زیر را دنبال کنید. :

1. ساخت برگه جدید با عنوان و یا نام ثبت نام
2. ویرایش صفحه مورد نظر با افزونه المنتور
3. افزودن ویجت “فرم ثبت نام” به صفحه.

سپس بعد از اینکه ویجت فرم ثبت نام را به صفحه کشیدید باید بخشی همانند تصویر زیر داشته باشید :

سپس در سمت راست تنظیمات محتوای فرم ثبت نام برای شما نمایان می شود که می توانید در این بخش برچسب ها را تغییر و سفارشی سازی کنید.

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

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

? ویدئوی آموزشی