همانطور که قبلا هم گفتیم وجود فرم و صفحات تماس با ما جزو لاینفک سایتها هستند. فرم های تماس با ما باعث بهبود رابط کاربری سایت، ارتباط بازدید کنندگان با بخش مدیریت و همچنین افزایش اعتماد کاربران به سایت می‌شود. می‌توان به دلیل پرکاربرد بودن این برگه، آن را یکی از برگه‌های مهم سایت به شمار آورد.
افزونه های متعددی برای ساخت فرم تماس با ما در وردپرس وجود دارند که قبلا هم در آموزش های مختلفی به معرفی آنها پرداخته ایم. برای مثال می توانید از افزونه حرفه ای گراویتی فرم و یا افزونه محبوب فرم تماس 7 برای ایجاد فرم های تماس استفاده نمایید. یک تغییر استایل فرم تماس وردپرس می تواند رابط کاربری و فرم تماس استفاده شده در سایت را منقلب کرده و ظاهر آن را از سادگی و خام بودن به شکل دلخواه مورد نظر شما در می آورد.
در این آموزش از وردپرس نارنجی، به نحوه استایل دهی به فرم تماس 7 می پردازیم.
استایل دهی به فرم تماس 7
افزونه ای که برای ایجاد استایلهای زیبا در فرم تماس 7 به ما کمک می کند با نام Contact Form 7 Style در مخزن وردپرس به ثبت رسیده است. این افزونه تا کنون با بیش از 50.000 نصب فعال امتیاز 4.6 را از کاربران خود دریافت کرده است. برای استایل دهی به فرم تماس 7 کافی است با کلیک روی دکمه زیر افزونه مذکور را دانلود کرده و سپس با کمک آموزش نحوه نصب افزونه ها در وردپرس اقدام به نصب و فعالسازی آن نمایید.
دانلود افزونه Contact Form 7 Style
پس از نصب و فعال سازی افزونه منویی با عنوان Contact Style در پیشخوان سایت اضافه می شود. با کلیک روی این منو به صفحه استایل های افزونه هدایت می شوید.
همانطور که در تصویر بالا مشاهده می‌کنید در صفحه استایل های افزونه، استایلهای پیش‌فرض آن قرار دارند که می‌توانید از استایلهای موجود یکی را انتخاب کرده و برای فرم تماس وردپرس استفاده کنید.
با حرکت دادن ماوس روی استایل های پیش نمایشی از آنها را خواهید دید. برای انتخاب یکی از استایل‌ها کافی است بر روی آن کلیک کرده و سپس در صفحه استایل مورد نظر در بخش select forms for current style هر یک از فرم‌هایی که در سایت خود ایجاد کرده اید را انتخاب کنید تا استایل مورد نظر در آن فرم اعمال شود.
افزودن استایل به فرم تماس وردپرس
برای افزودن استایل دلخواه در فرم تماس وردپرس می‌توانید به زیر منوی Add New مراجعه کرده و سپس تغییرات دلخواه خود را در هر بخش برای رنگبندی، تغییر المان‌های مختلف فرم، دکمه فرم و… اعمال کنید.
