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

آموزش فرم شرطی چند مرحله‌ای در وردپرس با گرویتی فرم-ایجاد یک فرم نمونه قسمت سوم

فرم نمونه گرویتی فرم- gravity-forms

ایجاد یک فرم نمونه گرویتی فرم ( Gravity form)

ایجاد یک فرم نمونه

ما در اینجا به طور مثال یک فرم نمونه گرویتی فرم درخواست عضویت در گروه هنری موسیقی را آموزش میدهیم برای این فرم به فیلد های :

  نام و نام خانوادگی
  کد ملی
  آدرس ایمیل
  آدرس منزل
  شماره تماس
  ساز
  توضیحات

 

به فیلد های بالا را نیاز داریم تا با هم به ساخت اینفرم نمونه گرویتی فرم بپردازیم .

در ابتدا پس از افزودن فرم جدید در گرویتی فرم باید برای هر فیلد یکی از قسمت ها را انتخا کنیم

که به شرح زیر با توجه به موارد بالا عنوان می کنم .

 

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

در صورت کلی همه این تنظیمات شبیه به هم هستند یعنی ساختار مشابه ای دارند.

به تصویر متحرک زیر توجه کنید.

 

نمونه فرم گرویتی فرم

در ویدئو و تصویر متحرک بالا سعی شده است تا به صورت صامت برای شما نحوه تنظیمات یک فیلد را به صورت کامل توضیح بدهیم .

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

 

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

 

نام و نام خانوادگی

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

تصویر نمونه فرم گرویتی فرم

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

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

 

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

که فیلد ما از چه نوعی می باشد این ما هستیم که تعیین می کنیم تا فیلد مورد نظر نام و چه ویژگی داشته باشد .

اکثر فیلد ها را نیز میتوان با فیلد تک خطی نیز ساخت.

 

آدرس ایمیل

استفاده از فیلد پیشرفته در گرویتی فرمبرای این گزینه پیشنهاد می شود همانطور که در بالا عنوان شد میتوان

از فیلد متن تک خطی نیز استفاده کرد ولی به خاطر قالب آماده ایمیل در این فیلد و تنظیمات آماده برای آن

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

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

 

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

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

 

ساز
یک فیلد ساده تک خطی کافی است تا با آن هر مقداری را از کاربر درخواست کنیم به طور مثال همین ساز را میتوانیم

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

 

توضیحات
برای این از یک فیلد پاراگرافی استفاده می کنیم مانند فیلد متن تک خطی  است

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

و در انتها روی گزینه بروزرسانی کلیک می کنیم .

نحوه نمایش فرم نمونه گرویتی فرم ایجاد شده در وب سایت

به دو شیوه میتوان این کار را انجام داد

  1. یک با روش افزودن کد کوتاه فرم در وب سایت یا هر ویرایشگری .
  2. و روش دوم از طریق ویرایشگر برگه و نوشته یک گزینه تحت عنوان افزودن فرم ایجاد می شود

 

که میتوان از آن کمک گرفت البته برای افزودن یک کد کوتاه فرم هم باید

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

 

برای نمایش کد در وب سایت وارد برگه ای که میخواهیم در آن نمایش داده شود می شویم .

وارد ویرایشگر می شویم و بر روی گزینه افزودن فرم کلیک میکنیم .

تصویر ویرایش نمونه فرم گرویتی فرم

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

تصویر درج نمونه فرم گرویتی فرم

فرم نمونه گرویتی فرم

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

هر کدام تحت عنوان نام ، توضیحات و حالت زنده می باشد.

 

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

و در انتها دکمه ” فرم را قرار دهید” را انتخاب می کنیم.

درج کد نمونه فرم گرویتی فرم

همانطور که مشاهده کردید . یک کد کوتاه به نوشته ما اضافه کرد
ما میتوانیم از این کد کوتاه در هر جای دیگر استفاده کنیم.

 

 گرفته شده از سایت آپ تم

نظرات وپیشنهادات خود را با دیدگاه برای ما ارسال فرمایید

تهیه تنظیم ویرایش در سایت یونی لرن

مدیرسایت بیزن یوسفی

برچسب ها

یوسفی

بنده بیژن یوسفی کارشناس نرم افزار در حدود 20 سال مشغول تدریس در زمینه های مختلف مانند برنامه نویسی تحت ویندوز و وب و برنامه کاربردی می باشم

نوشته های مشابه

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *


این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

بستن