ساخت فرم در المنتور (رسپانسیو)

elementor form min

فهرست مطالب

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

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

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

مرحله 1: این آموزش را با اضافه کردن بخش جدید شروع خواهیم کرد. (یک بخش یا سکشن جدید در المنتور ایجاد بکنید.)

بخش جدید المنتور
بخش جدید المنتور

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

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

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

ابزارک بخش داخلی
ابزارک بخش داخلی

تا الان باید چیزی شبیه به تصویر زیر ایجاد کرده باشید.

2 ستونه در المنتور
2 ستونه در المنتور

مرحله 4: اکنون ستون دیگر را حذف کنید. این بدان معنی است که بعد از آن فقط باید یک ستون در داخل بخش وجود داشته باشد. باید همانند تصویر زیر یک ستون داشته باشید.

حذف ستون در المنتور
حذف ستون در المنتور

مرحله 5: مرحله بعدی جستجوی ویجت “فرم” است. توجه داشته باشید که این ویجت فقط در Elementor Pro موجود است.

ابزارک فرم
ابزارک فرم

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

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

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

تنظیمات فرم در المنتور
تنظیمات فرم در المنتور

مرحله 7: عرض هر عنصر را بطور مناسب تنظیم کنید. برای این کار ، عرض ستونم را به 25٪ تغییر می دهم.

عرض ستون
عرض ستون

تا اینجا باید فرمی همانند تصویر زیر داشته باشید.

فرم خطی در المنتور
فرم خطی در المنتور

مرحله 8: به منظور ایجاد زمینه های متمرکز و وسط چین ، به “پیشرفته / موقعیت سفارشی” بروید و “عرض” را روی “خطی (خودکار)” تنظیم کنید.

خطی خودکار
خطی خودکار

مرحله 9: سپس فرم به شکل زیر خواهد بود. برای نشان دادن تنظیمات فرم ، روی نماد برجسته (یه آیکون 2 ستونه هست) کلیک کنید.

تنظیمات فرم در المنتور
تنظیمات فرم در المنتور

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

تنظیمات ستون عمودی و افقی
تنظیمات ستون عمودی و افقی

مرحله 11: عرض را مطابق با اولویت خود تنظیم کنید.

تنظیمات عرض
تنظیمات عرض

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

فرم در ستون
فرم در ستون

اگر می خواهید عناصر دارای یک “خط کامل” باشند ، فقط عرض ستون هر عنصر را روی 100٪ تنظیم کنید و به صورت زیر ظاهر می شود:

یک خطی در المنتور
یک خطی در المنتور

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

نتیجه گیری

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

موفق و پیروز باشید.

۳ دیدگاه دربارهٔ «ساخت فرم در المنتور (رسپانسیو);

  1. سلام روز بخیر
    من توی صفحه یه ستون تکی اضافه کردم و داخل دکمه و عکس گذاشتم ولی این ستون هر کاری کردم وسط چین نمیشه و سمت چپ هست البته توی بقیه صفحات هم همین طوری هست ولی با css ادیتشون کردم
    توی خود المنتور گزینه ای برای این کار وجود نداره؟

    پاسخ

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