افزونه Form Maker

افزونه Form Maker

افزونه Form Maker دارای بخش رایگان و پرمیوم می باشد که بخش رایگان آن دارای امکانات خیلی زیادی نسبت به فرم های دیگر است و بخش پرمیوم نیز امکانات متنوع تری را شامل می شود. شما با کمک این افزونه قادر به ساخت فرم های پر کاربرد در وردپرس می باشید.این افزونه کارکرد بسیار آسانی دارد و شما با عمل drag and drup (یعنی روی المان مورد نظر کلیک کنید و آن را روی بخش مورد نظر بکشید و رها کنید!) می توانید فرم های زیبا ایجاد کنید.

این افزونه تا کنون بیش از 9۰۰۰۰ نصب فعال را در مخزن وردپرس از آن خود کرده است و می توان از آن به عنوان محبوب ترین پلاگین ها در ساخت فرم یاد کرد. در این سری از آموزش های رایگان طراحی سایت به آموزش افزونه Form Maker می پردازیم .

?فرم های پرکاربرد در وردپرس با افزونه ی Form Maker

برای شروع کار ابتدا افزونه را دریافت نموده و از بخش افزونه های سایت خود آن را نصب نمایید. سپس در بخش پیشخوان سایت شما بخشی جدید با نام Form Maker جهت ساخت فرم های پرکاربرد در وردپرس اضافه شده است، روی آن کلیک کنید تا به صفحه ی تنظیمات افزونه بروید.

?ایجاد انواع فرم

همان طور که در تصویر بالا مشاهده می کنید می توانید با این افزونه Form Maker فرم های پرکاربرد در وردپرس را انتخاب کنید و به ویرایش آن بپردازید و آن را برای سایت خودتان شخصی سازی کنید.

?shortcode

از ستون Shortcode می توانید شورت کد فرم مورد نظرتان را کپی کنید و آن را در برگه/نوشته مورد نظرتان قرار دهید.

همین الان هم می توانید به قرار دادن شورت کد فرم مورد نظر در برگه/نوشته ی موردنظرتان بپردازید اما قبل از آن بهتر است تنظیمات مربوط به فرم را برای قالب خودتان ویرایش و شخصی سازی کنید.

?php function

از ستون PHP function هم می توانید همان شورتکد را بصورت یک تابع php داشته باشید، این تابع زمانی استفاده می شود که بخواهید فرم مورد نظر را در بخشی از قالب خودتان قرار دهید که نیاز است از بخش ویرایشگر آن را در کد قالب خودتان قرار دهید.

?Edit

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

خب برای مثال من فرم اول که فرم تماس با ما (Contact) می باشد را ویرایش میکنم.

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

از گزینه ی های بالای افزونه Form Maker می توانید اعمال اصلی را برای ایجاد فرم انجام دهید از جمله عمل ذخیره، برگشت به یک عمل عقب تر، ذخیره و…

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

از این قسمت از افزونه Form Maker که قسمت اصلی کار هست می تونید فرم مورد نظرتان را شخصی سازی کنید و آن رو برای سایت خودتان ویرایش کنید. از فعال کرد دکمه ی بالا اجازه ی drag and drup رو فعال یا غیر فعال می کنید.

از 4 آیکونی هم که کنار هم قرار دارند می توانید ویرایشات کلی را برای فرم داشته باشید.

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

?فیلد ایمیل

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

همانطور که می بینید می توانید برای فیلد خود نام تعیین کنید که من به فارسی نوشته ام “ایمیل” که برای شما ابتدا En می باشد، سایز را می توانید برای متن مورد نظر و همچنین فیلد آن تعیین کنید، چینش آن و مقدار اولیه و…

?استفاده از شورت کد

خب حال که تمامی تغییرات را انجام دادیم و کاملا فرم های پرکاربرد در وردپرس را با کمک افزونه Form Maker شخصی سازی کردیم می توانیم آن را ذخیره کنیم.

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

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

حال بعد از ذخیره کردن برگه، آن را در خروجی مشاهده می کنیم.

همان طور که مشاهده می کنید توانستیم به کمک افزونه Form Maker چنین فرم های پرکاربرد در وردپرس را به این صورت ایجاد کنیم.