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

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

راهنمای تصویری طراحی سی اس اس در افزونه گرویتی فرمز

معرفی افزونه:

گرویتی فرمز یک افزونه قدرتمند وردپرس است که برای ساده سازی فرآیند ایجاد و مدیریت فرم ها در وب سایت ها طراحی شده. این افزونه که توسط شرکت (Rocketgenius) توسعه یافته، یک رابط کاربر پسند بصری را ارائه می دهد. که به کاربران اجازه می دهد بدون زحمت انواع مختلفی از فرم ها، مانند فرم های تماس، نظرسنجی، آزمون ها و موارد دیگر را بسازند. این افزونه طیف گسترده ‌ای از فیلد های فرم، شامل: فیلد های متنی، دکمه‌ های رادیویی، چک باکس‌ ها و آپلود فایل ‌ها را فراهم می ‌کند و کاربران را قادر می ‌سازد تا فرم‌ ها را برای رفع نیاز های خاص خود سفارشی کنند.

این افزونه در ویژگی‌ های پیشرفته‌ اش برتری دارد. و به منطق شرطی اجازه می‌ دهد تا فرم ‌های پویا را ایجاد کند که با ورودی ‌های کاربر سازگار است. علاوه بر این، به طور یکپارچه با خدمات محبوب شخص ثالث، مانند درگاه های پرداخت، ابزار های بازاریابی ایمیلی، و سیستم های (CRM) ادغام می شود و عملکرد آن را افزایش می دهد. این افزونه همچنین از فرم های چند صفحه ای، حفاظت از هرز نامه و مدیریت ورود فرم پشتیبانی می کند.

روابط ویژگی های (HTML و PNG) در افزونه گرویتی فرمز

نامگذاری ویژگی

گرویتی فرمز به گونه ای سازمان دهی می شود که هر ویژگی را می توان از طریق سی اس اس هدف قرار داد و دستکاری کرد. اکثر ویژگی ها، نام‌ های کلاس قابل استفاده مجدد را به اشتراک می ‌گذارند تا بر طرح تأثیر بگذارند،

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

مثال

• (#gform_wrapper_xx) که در آن “xx” شناسه فرم می باشد.
• (#فیلد_xx_yyyy) که “xx” شناسه فرم و “yyy” شناسه فیلد می باشد.

معرفی کلاس های قابل تنظیم

کلاس ‌های قالب بندی فرم

کلاس های قالب و طرح بندی

بر اساس فعال بودن یا نبودن حالت قدیمی برای یک فرم، دو کلاس برای قالب بندی فرم اعمال می شود. کلاس (.gravity-theme) برای همه فرم هایی اعمال می شود که حالت قدیمی فعال ندارند. کلاس (.gform_legacy_markup_wrapper) برای همه فرم هایی اعمال می شود که حالت قدیمی را فعال می کنند.

ایجاد کلاس های موقعیت برچسب

سه کلاس برچسب وجود دارد که بر اساس تنظیمات فرم فردی، (.top_label، .left_label) و (.right_label) به پوشش فرم اعمال می شود. ویژگی های دیگر بر اساس وراثت از این کلاس های برچسب، موقعیت، عرض و … را تغییر می دهند.

برسی کلاس های اندازه فیلد

برای بسیاری از فیلد های مجزا، کلاس‌ های (.small)، (.medium) و (.large) وجود دارد، که با تغییر تنظیمات اندازه فیلد در فرم مدیریت معرفی می ‌شوند.

استفاده از کلاس های سفارشی

در نهایت، برای اکثر فیلد ها، کاربر می تواند نام کلاس های اضافی را با تنظیم کلاس سی اس اس سفارشی به منظور اعمال طرح های سفارشی اضافی یا ویژگی های مورد نظر برای انواع دیگری از تغییرات تعریف کند.

ایجاد کلاس های پیش تعریفی سی اس اس

با استفاده از کلاس های پیش تعریفی، می توانید به راحتی طرح های جایگزین پیشرفته تری برای فیلد های فرم های خود ایجاد کنید. اساساً، کلاس‌ های پیش تعریفی نام کلاس ‌هایی هستند که می‌ توانید آن ‌ها را به ویژگی والد هر فیلد اضافه کنید تا از طرح های از پیش تعریفی موجود در کتاب خانه پیش ‌فرض فرم استفاده کنید.

لطفا توجه کنید: که با بهبود هایی که در ویرایشگر فرم در نسخه (2.5) گرویتی فرمز ایجاد می شود ، کلاس های پیش تعریفی ستونی و درون خطی منسوخ می شوند.