طراحی و بهینه سازیمشاهده


آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

آموزش سوئیفت SWIFT آموزش سوئیفت Swift برنامه نویسی اپل

آموزش برنامه نویسی اندروید استودیو  آموزش برنامه نویسی اندروید استودیو  

آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

درگاه پرداخت

ساخت فرم های گوناگون با افزونه Form Craft Basic برای وردپرس

افزونه ها , افزونه وردپرس
ساخت فرم های گوناگون با افزونه Form Craft Basic برای وردپرسReviewed by M.J on Sep 24Rating: 5.0ساخت فرم های گوناگون با افزونه Form Craft Basic برای وردپرسسلام؛همه ی ما در سایت خود با توجه به نوع فعالیت هایمان، احتیاج به فرم هایی برای بخش تماس، ارتباط با ما، بخش فروش محصولات، ثبت رزومه و امثال اینها داریم. وردپرس فرم های متعددی را در اختیار ما قرار می دهد که امکانات فوق العاده ای دارند و هر کدام به نوعی عملکرد خاصی دارند و میتوان به راحتی از آن ها استفاده کرد. امروز هم با معرفی یک فرم ساز دیگر در خدمت شما عزیزان هستیم.

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

 

افزونه ی فرم ساز Form Craft Basic

form craft 20script

 

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

ابتدا افزونه را بر روی سایت وردپرسی خود نصب و فعال نمایید. پس از آن افزونه با عنوان Formcraft basic در پیشخوان وردپرس ظاهر خواهد شد.

 

form craft basic 20script

 

پس از وارد شدن به آن، با محیطی رو به رو می شوید که در آن گزینه ای با عنوان “Add field” مشاهده خواهید کرد، برای ایجاد یک فرم باید بر روی آن کلیک نمایید.

در ادامه بخوانید  افزونه ایجاد کتاب های سه بعدی Real 3D FlipBook نسخه 1.3

 

add field 20script

 

سپس از منوی بالای صفحه که به رنگ آبی است، با کلیک بر روی گزینه ی “Add fields”، فیلدهای مورد نظری که میخواهید در یک فرم قرار گیرند را، انتخاب نمایید و اضافه کنید.

 

add fields 20script

 

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

  • One line input>> یک خط ورودی که شما در این بخش می توانید فیلد نام و نام خانوادگی را قرار دهید.
  • Email input>> این فیلد برای ورود آدرس ایمیل می باشد.
  • Comment box>> این فیلد برای “فرم تماس با ما” یا “همکاری با ما” مناسب است زیرا کاربر می تواند در آن متنی را مبتنی بر نظر یا توضیحات بیشتر اضافه
  • نماید.
  • Check boxes>> این فیلد نیز برای گزینه های اضافی مناسب است.
  • Date picker>> برای انتخاب و مشخص کردن تاریخ به کار می رود.
  • Custom text>> برای ورود متن سفارشی به کار می رود.
  • Submit>> دکمه ی قبول اطلاعات و ارسال فرم است.

بر روی گزینه ی اول یعنی “One line input” کلیک می کنیم تا فیلدی را برای “نام و نام خانوادگی” در نظر بگیریم. در تصویر زیر مشاهده می کنید که با اضافه شدن فیلد می توانید آن را به راحتی تنظیم کرده و عناوین آن را تغییر دهید یا به فارسی وارد کنید.

 

one line input 20script

 

فیلد بعدی را برای ایمیل انتخاب می کنیم و به فرم اضافه می کنیم و به راحتی می توانیم آن را تنظیم کنیم.

 

در ادامه بخوانید  افزونه وردپرس اسلایدر واکنش گرا LayerSlider فارسی

email field 20script

 

به صورت پیش فرض به همین ترتیب فیلدهایی با عناوین : نام ، نام خانواادگی، ایمیل، شماره همراه، شماره ثابت، کدپستی،آدرس را ایجاد می کنیم.
برای ایجاد فیلد شماره ی تلفن از گزینه ی one line input کمک میگیریم و Validation را روی only number قرار می دهیم.

 

number 20script

 

با کلیک بر روی گزینه ی Required field می توانید فیلدهای خود را به صورت اجباری کنید.

برای ساخت check boxes، آن را از منوی کشویی add fields انتخاب می کنیم. آیتم هایی را در اختیار ما قرار می دهد که می توانیم آن را با توجه به فعالیت خود تغییر دهیم.

 

checkbox 20script

 

به عنوان مثال ما خدمات سایت و دامنه را به صورت چک باکس ایجاد میکنیم که می توانید در تصویر زیر مشاهده کنید.

 

checkbox field 20script

 

در پایان باید گزینه ی “submit” را انتخاب کنیم و به فرم خود اضافه کنیم و نام آن را به “ارسال” تغییر دهیم.همچنین می توانید رنگ مورد علاقه ی خود را برای آن انتخاب کنید.

 

submit 20script

 

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

فرم ایجاد شما را میخواهیم نمایش دهیم. برای این کار به قسمت برگه ها رفته و بر روی گزینه ی “Add form+” کلیک میکنیم و نام فرم طراحی شده را انتخاب نمایید تا در برگه شورت کد آن وارد شود.

 

add form 20script

 

فرم شما ایجاد خواهد شد. حال می توانید این برگه را در هر جایی که میخواهید فراخوانی کنید تا نمایش داده شود.

در ادامه بخوانید  افزونه حذف Category از آدرس دسته های وردپرس

البته باید بگویم این فرم تنظیمات دیگری برای نوع و رنگ بندی فرم در اختیار شما قرار می دهد که می توانید از منوی آبی رنگ بالای صفحه “Form option “را ملاحظه کرده و تنظیمات ایمیل، رنگ بندی و… را انجام دهید.

 

form option 20script

موفق باشید.


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود نسخه : 1.0.5

خرید هاست پربازدید با منابع کاملا اختصاصی


مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1394/07/2 1 افزونه ها , افزونه وردپرس

لینک کوتاه مطلب : http://www.20script.ir/?p=14488

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
2,413افزونه پاپ آپ نینجا برای وردپرس نسخه 4.2.2 تاریخ : 1394/08/18
17,943خبرنامه حرفه ای با افزونه فارسی MailPoet وردپرس تاریخ : 1393/07/14
5,775دانلود افزونه وردپرس صفحه ساز ویژوال کامپوسر Visual Composer نسخه 4.7 تاریخ : 1394/06/12
60نمایش مطالب بیشتر در وردپرس با اسکرول صفحه تاریخ : 1395/10/30
3,537افزونه وردپرس اسلایدر حرفه ای Slider Pro نسخه 4.1.1 تاریخ : 1394/01/5
4,050افزونه ایجاد فرم های فلت WP Flat Cost Estimation Form Creator تاریخ : 1393/03/27
4,186افزونه جستجوگر آژاکس SearchWP Live Ajax Search برای وردپرس تاریخ : 1393/05/22
1,691افزونه وردپرس صفحه در دست ساخت Azul v1.2 تاریخ : 1393/06/15
2,923دانلود مجموعه ای کامل از 45 افزونه ووکامرس WooThemes تاریخ : 1394/11/29
4,625افزونه نمایش تیم کاری در وردپرس My Team Showcase تاریخ : 1394/02/29
2,803افزونه مدیریت دانلود Onyx Files برای وردپرس تاریخ : 1395/07/25
1,297افزونه وردپرس دستور العمل پخت و پز Cooked نسخه 2.3.8 تاریخ : 1394/11/28
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب