وبلاگ

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

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

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

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

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

خرید افزونه JetBlock

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

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

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

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

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

نصب افزونه jetblock
نصب افزونه jetblock

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

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

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

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

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

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

افزودن برگه صفحه ورود
افزودن برگه صفحه ورود

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

ویجت های افزونه jetblock
ویجت های افزونه jetblock

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

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

ویجت فرم ورود جت بلاک
ویجت فرم ورود جت بلاک

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

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

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

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

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

فرم ورود طراحی شده با جت بلاک
فرم ورود طراحی شده با جت بلاک

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

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

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

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

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

فرم ثبت نام jetblock
فرم ثبت نام jetblock

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

تنظیمات ویجت ثبت نام در المنتور
تنظیمات ویجت ثبت نام در المنتور

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

فرم ثبت نام طراحی شده با افزونه jetblock
فرم ثبت نام طراحی شده با افزونه jetblock

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

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

https://youtu.be/7eNnQWtkX84
5/5 - (1 امتیاز)
اشتراک گذاری:

مطالب زیر را حتما مطالعه کنید

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

در خدمت شما هستیم!

در صورت نیاز به مشاوره می توانید فرم را تکمیل نمایید و یا با ما در ارتباط باشید.