ایجاد فرم های واکنش گرا ” ریسپانسیو ” در وردپرس با افزونه Caldera Forms

با سلام خدمت شما دوستداران سایت وردپرسی نوین وردپس با آموزش افزونه Caldera Forms همراه ما باشید.

افزونه Caldera Forms این امکان را برای شما فراهم می سازد که بدون انجام مراحل پیجیده و با چند دراپ و دراگ ساده بتوانید برای سایت خود فرم های در حالت ریسپانسیو ایجاد کنید و آن ها را مورد استفاده قرار دهید. پس در ادامه با آموزش گام به گام این افزونه ما را همراهی کنید.

افزونه Caldera Forms

نصب افزونه :

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

تنظیمات افزونه و ایجاد فرم:

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

General Settings

• Alert Styles  :  هنگام ارسال فرم متوجه فرستادن پیام شود.
• Form Styles  :  استایل و ظاهر فرم را می توانید مشخص کنید.
• Grid Structures  :  ساختار لایه ای و شبکه ای داشته باشد.
• Enable Free CDN  :  فعال/غیرفعال شبکه تولید محتوا برای فرم

سپس به برای ایجاد فرم می توانید از منوی بالا به New Form مراجعه کنید.

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

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

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

همچنین می توانید همانند تصویر زیر گزینه های دیگری را اضافه کنید.

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

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

سپس به صفحه اصلی تنظیمات این افزونه برگردید

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

مشاهده می کنید که اگر شورت کد را در بخش ” متن ” ویرایشگر قرار دهید. در بخش دیداری (Visual) به این شکل دیده می شود

در حالت دسکتاپ :

در حالت موبایلی:

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

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

دانلود افزونه Caldera Forms