آیا به دنبال راهی برای ارتقاء چارچوب بندی قالب افزونه گرویتی فرمز هستید؟ پلاگین گراویتی فرمز یک افزونه وردپرس فرم ساز بسیار قدرتمند می باشد. که شما با این افزونه می توانید در چند دقیقه به سرعت، حرفه ای ترین فرم ها را بسازید و از آن به عنوان دریافت اطلاعات به صورت آسان از کاربر استفاده کنید. هم اکنون آخرین نسخه اورجینال و فارسی افزونه گراویتی را می توانید از وبسایت سمندون تهیه و استفاده نمایید.
توجه: برای خرید افزونه گرویتی فرمز اینجا کلیک کنید.
نحوه ارتقاء چارچوب بندی قالب افزونه گرویتی فرمز
معرفی افزونه:
گرویتی فرمز یک افزونه قدرتمند وردپرس است که برای ساده سازی فرآیند ایجاد و مدیریت فرم ها در وب سایت ها طراحی شده. این افزونه که توسط شرکت (Rocketgenius) توسعه یافته، یک رابط کاربر پسند بصری را ارائه می دهد. که به کاربران اجازه می دهد بدون زحمت انواع مختلفی از فرم ها، مانند فرم های تماس، نظرسنجی، آزمون ها و موارد دیگر را بسازند. این افزونه طیف گسترده ای از فیلد های فرم، شامل: فیلد های متنی، دکمه های رادیویی، چک باکس ها و آپلود فایل ها را فراهم می کند و کاربران را قادر می سازد تا فرم ها را برای رفع نیاز های خاص خود سفارشی کنند.
این افزونه در ویژگی های پیشرفته اش برتری دارد. و به منطق شرطی اجازه می دهد تا فرم های پویا را ایجاد کند که با ورودی های کاربر سازگار است. علاوه بر این، به طور یکپارچه با خدمات محبوب شخص ثالث، مانند درگاه های پرداخت، ابزار های بازاریابی ایمیلی، و سیستم های (CRM) ادغام می شود و عملکرد آن را افزایش می دهد. این افزونه همچنین از فرم های چند صفحه ای، حفاظت از هرز نامه و مدیریت ورود فرم پشتیبانی می کند.
خلاصه مقاله:
در نسخه (2.8) گرویتی فرمز، قالبی را که به طرح بندی (Orbital) قدرت می دهد، بازسازی می کند، تا با کاهش اندازه صفحه سبک سی اس اس، کارایی را افزایش می دهد. برای انجام این کار، نام ویژگی های سی اس اس (API) را در صورت لزوم کوتاه می کند و سعی کرده عملکرد، خوانایی و نگهداری را متعادل کند. این یک به روز رسانی بزرگ برای چارچوب بندی قالب می باشد و شامل تغییرات شکسته است. آنچه در ادامه می خوانید، آموزشی برای ارتقای استفاده شما از چارچوب بندی قالب از نسخه (2.7) به (2.8) می باشد.
آموزش ارتقا
اگر شما با فریمورک قالب کار کرده اید و آن را در افزونه خود ادغام کرده اید، یا اگر شما با استفاده از (API) سی اس اس قالب سفارشی خود را ایجاد کرده اید، شما ممکن است بخواهید بررسی کنید که آیا نیاز به به روز رسانی برای بخش خاصی دارید یا خیر. به عبارت دیگر، اگر شما از این ابزار ها استفاده کرده اید، ممکن است بخواهید ببینید که آیا برای بهبود کار خود نیاز به به روز رسانی دارید یا خیر.
ویژگی های نسخه (v2.8) در (API) سی اس اس گرویتی فرمز
ویژگی های فریمورک قالب (API) سی اس اس به روز رسانی های نام گذاری زیر را دریافت کردند:
| قدیمی | جدید |
| gform-theme | gf |
| background | bg |
| button | btn |
| control | ctrl |
| password | pwd |
| page | pg |
| file-upload | file |
| spacing | space |
| gf-font-family | gf-font-family-base |
| progress | prog |
| description | desc |
| outside | out |
| box-shadow | shadow |
| preview | prev |
| ctrl-file-prev-file | ctrl-file-prev |
| drop-area | zone |
| border-radius | radius |
| strength | str |
| indicator | ind |
| product | prod |
| quantity | quant |
| required | req |
| col-gap | gap-x |
| row-gap | gap-y |
| vertical | y |
| horizontal | x |
| inline-size | width |
| block-size | height |
| padding-inline | padding-x |
| padding-block | padding-y |
| margin-inline | margin-x |
| margin-block | margin-y |
| inset-block-start | inset-y-start |
| inset-block-end | inset-y-end |
| inset-inline-start | inset-x-start |
| inset-inline-end | inset-x-end |
| table-cell | cell |
| table-head-cell | head-cell |
افزودن فیلد نظرسنجی ها در نسخه (v4.1.1) برای ویژگی های سی اس اس (API)
ویژگی های فیلد نظرسنجی (Poll Add-On) در نسخه (4.1.1) در بخش (API CSS)، تغییراتی در نام گذاری داشته است. به عبارت ساده تر، این افزونه برای بهبود کارکرد خود، برخی تغییرات در نام های استفاده شده در بخش سی اس اس داشته است که به صورت زیر می باشد:
| قدیمی | جدید |
| gform-polls-theme | gf-polls |
| gform-polls-theme-blue-results-color | gf-polls-results-color-blue |
| gform-polls-theme-green-results-color | gf-polls-results-color-green |
| gform-polls-theme-red-results-color | gf-polls-results-color-red |
| gform-polls-theme-orange-results-color | gf-polls-results-color-orange |
افزودن نظر سنجی در نسخه (v3.8.1) با ویژگی های (CSS API)
ویژگی‌های سی اس اس (API) فیلد نظر سنجی نسخه (3.8.1) تغییراتی در نامگذاری داشته است. به عبارت ساده تر، این بخش از افزونه نظر سنجی که با (CSS) کار می کند، در نسخه (3.8.1) تغییراتی در نام های استفاده شده داشته است، که به صورت زیر می باشد:
| قدیمی | جدید |
| gform-survey-theme | gf-survey |
| gform-survey-theme-field-likert-row-odd-background-color | gf-survey-field-likert-row-odd-bg-color |
| gform-survey-theme-icon-control-rank | gf-survey-icon-control-rank |
اشتراک های (NPM) برای ارتقاء چارچوب بندی قالب افزونه گرویتی فرمز
اگر از اشتراک طراحی توکن ها در افزونه خود، به ویژه هر یک از ترکیبات مبتنی بر چارچوب بندی قالب استفاده می کنید، باید مطمئن شوید که برای استفاده از آن به نسخه (4.0) به روز رسانی کنید.
مثال ها سی اس اس برای ارتقا به نسخه (2.8)
در اینجا نمونه ای از به روز رسانی هایی وجود دارد که می توانیم برای فیلد نظر سنجی ایجاد کنیم تا گرویتی فرمز را برای این تغییرات آماده کنیم.
سی اس اس های موجود به صورت زیر می باشد:
.gsurvey-likert-choice-label,
.gsurvey-likert-row-label {
color: var(--gform-theme-control-label-color-primary);
font-family: var(--gform-theme-control-label-font-family-primary);
font-size: var(--gform-theme-control-label-font-size-primary);
font-style: var(--gform-theme-control-label-font-style-primary);
font-weight: var(--gform-theme-control-label-font-weight-primary);
letter-spacing: var(--gform-theme-control-label-letter-spacing-primary);
line-height: var(--gform-theme-control-label-line-height-primary);
}
به روز رسانی های جدید به صورت زیر می باشد:
.gsurvey-likert-choice-label,
.gsurvey-likert-row-label {
color: var(--gf-ctrl-label-color-primary);
font-family: var(--gf-ctrl-label-font-family-primary);
font-size: var(--gf-ctrl-label-font-size-primary);
font-style: var(--gf-ctrl-label-font-style-primary);
font-weight: var(--gf-ctrl-label-font-weight-primary);
letter-spacing: var(--gf-ctrl-label-letter-spacing-primary);
line-height: var(--gf-ctrl-label-line-height-primary);
}
ارتقاء به نسخه (2.8) با حفظ سازگاری با نسخه (2.7)
در اینجا نمونه ای از به روز رسانی هایی است که می توانیم برای افزودنی نظر سنجی ایجاد کنیم تا گرویتی فرمز را برای نسخه (v2.8) را آماده کنیم و در عین حال سازگاری (v2.7) را ارائه کنیم. این از توانایی ارائه یک بازگشت برای ویژگی های سفارشی (CSS) استفاده می کند، که در آن مقدار اول ویژگی سفارشی ترجیحی (جدید) است و دومین مقدار بازگشتی (قدیمی) در صورتی که آن مقدار در ویژگی جدید وجود نداشته باشد.
ویژگی های موجود عبارت اند از:
.gsurvey-likert-choice-label,
.gsurvey-likert-row-label {
color: var(--gform-theme-control-label-color-primary);
font-family: var(--gform-theme-control-label-font-family-primary);
font-size: var(--gform-theme-control-label-font-size-primary);
font-style: var(--gform-theme-control-label-font-style-primary);
font-weight: var(--gform-theme-control-label-font-weight-primary);
letter-spacing: var(--gform-theme-control-label-letter-spacing-primary);
line-height: var(--gform-theme-control-label-line-height-primary);
}
ویژگی های به روز شده عبارت اند از:
.gsurvey-likert-choice-label,
.gsurvey-likert-row-label {
color: var(--gf-ctrl-label-color-primary, var(--gform-theme-control-label-color-primary));
font-family: var(--gf-ctrl-label-font-family-primary, var(--gform-theme-control-label-font-family-primary));
font-size: var(--gf-ctrl-label-font-size-primary, var(--gform-theme-control-label-font-size-primary));
font-style: var(--gf-ctrl-label-font-style-primary, var(--gform-theme-control-label-font-style-primary));
font-weight: var(--gf-ctrl-label-font-weight-primary, var(--gform-theme-control-label-font-weight-primary));
letter-spacing: var(--gf-ctrl-label-letter-spacing-primary, var(--gform-theme-control-label-letter-spacing-primary));
line-height: var(--gf-ctrl-label-line-height-primary, var(--gform-theme-control-label-line-height-primary));
}
ویژگی های (PHP) برای ارتقاء چارچوب بندی قالب افزونه گرویتی فرمز
در اینجا نمونه ای از به روز رسانی هایی است که می توانیم برای افزودنی دستگاه موبایل انجام دهیم تا نسخه (v2.8) گرویتی فرمز را برای این منظور آماده کنیم و در عین حال سازگاری آن را برای نسخه (v2.7) را ارائه کنیم.
$styles = array();
if ( version_compare( GFForms::$version, '2.8-beta-0', '>=' ) ) {
$styles = array(
'base' => array(
'backgroundColor' => 'transparent',
'color' => '--gf-ctrl-color',
'fontSize' => '--gf-ctrl-font-size',
'fontWeight' => '--gf-ctrl-font-weight',
'letterSpacing' => '--gf-ctrl-letter-spacing',
'lineHeight' => '--gf-ctrl-line-height',
'::placeholder' => array(
'color' => '--gf-ctrl-placeholder-color',
'fontSize' => '--gf-ctrl-placeholder-font-size',
'fontWeight' => '--gf-ctrl-placeholder-font-weight',
'letterSpacing' => '--gf-ctrl-placeholder-letter-spacing',
),
),
'invalid' => array(
'color' => '--gf-ctrl-color-invalid',
),
);
} else {
$styles = array(
'base' => array(
'backgroundColor' => 'transparent',
'color' => '--gform-theme-control-color',
'fontSize' => '--gform-theme-control-font-size',
'fontWeight' => '--gform-theme-control-font-weight',
'letterSpacing' => '--gform-theme-control-letter-spacing',
'lineHeight' => '--gform-theme-control-line-height',
'::placeholder' => array(
'color' => '--gform-theme-control-placeholder-color',
'fontSize' => '--gform-theme-control-placeholder-font-size',
'fontWeight' => '--gform-theme-control-placeholder-font-weight',
'letterSpacing' => '--gform-theme-control-placeholder-letter-spacing',
),
),
'invalid' => array(
'color' => '--gform-theme-control-color-invalid',
),
);
}
return $styles;
نتیجه گیری برای ارتقاء چارچوب بندی قالب افزونه گرویتی فرمز
پس از بازخورد در مورد اندازه صفحه سبک کامپایل شده و تامل زیاد، اکنون زمان مناسبی برای ایجاد این تغییرات قبل از اینکه (Orbital) و چارچوب بندی قالب به طور گسترده مورد استفاده قرار گیرند، می باشد. گرویتی فرمز می داند که این یک به روز رسانی مهم است و از درک شما قدردانی می کند.
وی همیشه حفظ سازگاری رو به عقب را در اولویت قرار داده، و به طرز عجیبی سخت کار کرده تا اطمینان حاصل کند که هرگونه تغییر قابل توجیه و تا حد امکان بدون مشکل باشد. همچنین افزونه های رسمی خود را که از چارچوب بندی قالب برای منعکس کردن این تغییرات استفاده می کنند، به روز رسانی می نماید، که قرار است قبل از انتشار عمومی نسخه (2.8) تکمیل شود. گرویتی فرمز اصلاحات مبتنی بر عملکرد بیشتری در آینده دارد، اما برنامه ریزی دیگری برای بازسازی (CSS API) وجود نخواهد داشت.
