آیا می خواهید فرم تماس 7 را با افزونه Elementor's Essential Addons سفارشی کنید؟

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

همچنین می توانید انواع مختلفی از فرم ها مانند فرم رزرو یا فرم آپلود فایل ایجاد کنید. 14 نوع فیلد را ارائه می دهد که می توانید هنگام ایجاد فرم از آنها استفاده کنید.

همچنین ببینید: نحوه استفاده از ابزارک/قالب های Elementor به عنوان بلوک های گوتنبرگ

یکی از مشکلات رایج افزونه فرم تماس ۷، فرآیند سفارشی سازی آن است. فرم تماس 7 از سبک پیش فرض شما استفاده می کند تم وردپرس دارایی شما می توانید از یک سبک متفاوت استفاده کنید، اما مهارت های CSS مورد نیاز خواهد بود. اگر هیچ مهارت CSS ندارید، می توانید از ماژول استفاده کنید افزودنیهای ضروری برای استایل فرم شما

Essential Addons یک افزونه Elementor است که فرآیند سفارشی‌سازی فرم تماس ۷ را با Elementor بهبود می‌بخشد. Elementor و Essential Addons پلاگین های freemium هستند. می‌توانید از نسخه‌های رایگان هر دو برای استایل فرم تماس با فرم ۷ خود استفاده کنید.

نحوه ایجاد فرم تماس با فرم 7 با افزونه های ضروری

قبل از شروع استایل دادن به فرم های خود، مطمئن شوید که آن را نصب کرده اید Elementor et افزودنیهای ضروری. پس از نصب و فعال سازی، یک صفحه جدید ایجاد کنید (صفحات - > افزودن) و آن را با Elementor ویرایش کنید.

فرم تماس 7 را با افزونه Elementor's Essential Addons سفارشی کنید

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

فرم تماس 7 را با افزونه Elementor's Essential Addons سفارشی کنید

با کلیک بر روی نماد مثبت در کادر ویرایش و کشیدن ویجت، یک بخش جدید اضافه کنید فرم تماس EA 7 از پنل سمت چپ در ویرایشگر.

فرم تماس 7 را با افزونه Elementor's Essential Addons سفارشی کنید

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

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

  • عرض فرم، تراز، و پس زمینه

زیر بلوک فرم کانتینر، روی انتخابگر رنگ در بخش کلیک کنید نوع پس زمینه و رنگ مورد نظر را برای پس زمینه فرم تنظیم کنید. می توانید از رنگ ثابت یا گرادیان به عنوان پس زمینه استفاده کنید.

دفعات بازدید: Elementor: نحوه وارد کردن یا صادرات قالب ها

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

برای تنظیم عرض فرم، مقدار حداکثر عرض فرم را در فیلد تنظیم کنید حداکثر عرض را فرم دهید.

فرم تماس 7 را با افزونه Elementor's Essential Addons سفارشی کنید
  • زمینه پس زمینه، عرض و شعاع حاشیه

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

همچنین می توانید با کلیک بر روی برگه، رنگ پس زمینه فیلدها را در حالت اشکال زدایی تنظیم کنید FOCUS.

برای تعریف عرض فیلدها می توانید مقدار را در فیلدها تعریف کنید عرض ورودی. در این بخش می توانید عرض فیلد کادر متن را نیز در آن تنظیم کنید عرض Textarea.

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

  • برچسب ها

Essential Addons همچنین به شما امکان می دهد سبک برچسب های فرم خود را سفارشی کنید. می توانید رنگ متن و همچنین تایپوگرافی را تنظیم کنید. برای این کار گزینه را باز کنید برچسب ها. رنگ متن را با کلیک کردن بر انتخابگر رنگ در فیلد تنظیم کنید رنگ متن.

برای تنظیم تایپوگرافی، روی نماد مداد در فیلد کلیک کنید فن چاپ.

فرم تماس 7 را با افزونه Elementor's Essential Addons سفارشی کنید
  • دکمه ارسال

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

  • پیغام خطا

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

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

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

ادغام فرم در یک صفحه معمولی

پس از کلیک بر روی دکمه انتشار دهنده، صفحه تماس شما اساسا منتشر شده است. خود صفحه توسط Elementor طراحی شده است. اگر ترجیح می دهید خود را اضافه کنید فرم تماس 7 به یک صفحه معمولی (صفحه ای که با گوتنبرگ، ویرایشگر پیش فرض وردپرس ایجاد شده است)، می توانید افزونه را نصب کنید Elementor Blocks برای گوتنبرگ. این افزونه یک قالب Elementor را به یک بلوک گوتنبرگ تبدیل می کند.

برای ثبت نام خود فرم تماس 7 به عنوان یک الگوی Elementor، روی دکمه فلش کنار دکمه کلیک کنید انتشار / به روزرسانی در پنل سمت چپ و انتخاب کنید ذخیره به عنوان الگو.

به الگوی خود یک نام بدهید و روی دکمه کلیک کنید ثبت نام کننده.

ایجاد یک صفحه جدید (صفحات - > افزودن) و نامی مانند «تماس با ما» «تماس» یا هر نام دیگری که دوست دارید به آن بدهید.

یک بلوک جدید اضافه کنید و انتخاب کنید کتابخانه المنتور و قالب فرم تماسی را که ایجاد کرده اید انتخاب کنید.

فرم تماس 7 را با افزونه Elementor's Essential Addons سفارشی کنید

و اکنون فرم تماس 7 خود را شخصی سازی کرده اید.

اکنون Elementor Pro را دریافت کنید!!!

نتیجه

اینجا ! این برای این مقاله است که به شما نشان می دهد چگونه فرم تماس 7 را با افزونه های ضروری سفارشی کنید. اگر هر گونه نگرانی در مورد نحوه رسیدن به آنجا دارید، به آنها اطلاع دهید نظر.

با این حال ، شما همچنین می توانید مشورت کنید منابع مااگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

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

...