افزونه های وردپرس

استایل دهی به فرم تماس 7

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

در این آموزش از وردپرس نارنجی، به نحوه استایل دهی به فرم تماس 7 می پردازیم.

استایل دهی به فرم تماس 7

افزونه ای که برای ایجاد استایلهای زیبا در فرم تماس 7 به ما کمک می کند با نام Contact Form 7 Style در مخزن وردپرس به ثبت رسیده است. این افزونه تا کنون با بیش از 50.000 نصب فعال امتیاز 4.6 را از کاربران خود دریافت کرده است. برای استایل دهی به فرم تماس 7 کافی است با کلیک روی دکمه زیر افزونه مذکور را دانلود کرده و سپس با کمک آموزش نحوه نصب افزونه ها در وردپرس اقدام به نصب و فعالسازی آن نمایید.

دانلود افزونه Contact Form 7 Style 

پس از نصب و فعال سازی افزونه منویی با عنوان Contact Style در پیشخوان سایت اضافه می شود. با کلیک روی این منو به صفحه استایل های افزونه هدایت می شوید.

این مطلب را از دست ندهید :
نمایش تصاویر اینستاگرام در وردپرس
استایل های فرم تماس 7
استایل های فرم تماس 7

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

با حرکت دادن ماوس روی استایل های پیش نمایشی از آنها را خواهید دید. برای انتخاب یکی از استایل‌ها کافی است بر روی آن کلیک کرده و سپس در صفحه استایل مورد نظر در بخش select forms for current style هر یک از فرم‌هایی که در سایت خود ایجاد کرده اید را انتخاب کنید تا استایل مورد نظر در آن فرم اعمال شود.

افزودن استایل به فرم
افزودن استایل به فرم

افزودن استایل به فرم تماس وردپرس

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

افزودن استایل جدید
افزودن استایل جدید

عاطفه نوربخش

عاطفه نوربخش هستم؛ هم بنیانگذار " وردپرس نارنجی " که حاصل تجربه های خودم در حوزه تخصصی وردپرس را برایتان می نویسم و تلاش میکنم به شما کمک کنم تا با سیستم مدیریت محتوای وردپرس، سایت وردپرسی ای زیبا و حرفه ای داشته باشید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دوره آموزش وردپرس در اصفهانثبت نام رایگان (کد تخفیف : WpNarenji)
+