طراحی و بهینه سازیمشاهده

 

آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

آموزش هک قانونی آموزش هک قانونی - نفوذ و امنیت - پک1

آموزش برنامه نویسی اندروید استودیو  آموزش برنامه نویسی اندروید استودیو  

آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

اسلایدر رولوشن فارسی
هاست

تغییر استایل فرم تماس وردپرس با افزونه Contact Form 7 Style

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

شاید یک تغییر استایل فرم تماس 7 وردپرس بتواند رابط کاربری و فرم تماس استفاده شده در سایت را منقلب کرده و ظاهر آن را از سادگی و خام بودن آن به شکل دلخواهی که دوست دارید در بیاورد.در این مقاله از بیست اسکریپت قصد دارم به معرفی افزونه‌ای بپردازم که با استفاده از ان قادر خواهید بود تا فرم تماس وردپرس را که با استفاده از افزونه فرم تماس۷ ایجاد کرده‌اید را متحول کرده و یک استایل زیبا برای آن ایجاد کنید. افزونه‌ای که قصد معرفی آن را دارم با عنوان Contact Form ۷ Style در مخزن وردپرس به ثبت رسیده است و تا به امروز توانسته است تا بیش از ۲۰.۰۰۰ نصب فعال و کسب امتیاز ۴.۸ را ازآن خود نماید که با استفاده از آن قاد خواهید بود تا برای هر یک از فرم‌های تماس ایجاد شده در وردپرس یک استایل زیبا و دلخواه انتخاب کنید.

 

تغییر استایل فرم تماس وردپرس با افزونه Contact Form 7 Style

 

نصب و فعال سازی

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

تغییر استایل فرم تماس وردپرس با افزونه Contact Form 7 Style

 

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

 

تغییر استایل فرم تماس وردپرس با افزونه Contact Form 7 Style

 

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

 

تغییر استایل فرم تماس وردپرس با افزونه Contact Form 7 Style

 

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

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

 

تغییر استایل فرم تماس وردپرس با افزونه Contact Form 7 Style

 

با مراجعه به منوی CSS Editor نیز قادر خواهید بود تا استایل سفارشی برای فرم را اعمال کنید. از این بخش می‌توانید برای مواردی همچون تغییر فونت دلخواه در فرم تماس وردپرس و.. استفاده کنید.

موفق باشید


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود نسخه : 3.1.2

مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1396/03/16 1 افزونه ها , افزونه وردپرس

لینک کوتاه مطلب : http://www.20script.ir/?p=25873

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
1,348افزونه وردپرس دریافت اطلاعات فیلم و سریال PJ IMDB تاریخ : 1395/10/16
502افزونه خبرنامه حرفه ای وردپرس WP Subscribe Pro نسخه 1.5.21 تاریخ : 1396/09/10
395نمایش پنجره پاپ آپ در زمان خروج کاربر در وردپرس Exit Popup Feedback تاریخ : 1396/08/14
6,102افزونه ارسال تصاویر اینستاگرام به وردپرس تاریخ : 1394/05/27
2,271افزونه اشتراک گذاری مطالب برای وردپرس تاریخ : 1392/08/2
2,3674 افزونه وقایع نگاری فعالیت کاربران در پیشخوان وردپرس تاریخ : 1395/02/12
5,572دانلود تمامی افزونه های سیستم Freer تاریخ : 1394/09/28
3,793افزونه تبدیل قالب های بلاگفا به وردپرس تاریخ : 1393/02/6
1,589افزونه امنیتی وردپرس Security Pro نسخه 2.2.2 تاریخ : 1394/11/26
2,663ساخت انواع فرم در سایت وردپرسی با Gravity Forms فارسی نسخه 1.9.16 تاریخ : 1394/11/28
6,713افزونه اشتراک گذاری حرفه ای مطالب Social Sidebar در وردپرس تاریخ : 1394/02/15
1,940افزودن دکمه نمایش مطلب بعدی درون پست های وردپرس تاریخ : 1396/04/15
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب