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


میهن وب هاست هاست

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

افزونه ها , افزونه وردپرس
تغییر استایل فرم تماس وردپرس با افزونه Contact Form 7 StyleReviewed by M J on Jun 6Rating: 3.5تغییر استایل فرم تماس وردپرس با افزونه Contact Form 7 Styleشاید یک تغییر استایل فرم تماس وردپرس بتواند رابط کاربری و فرم تماس استفاده شده در سایت را منقلب کرده و ظاهر آن را از سادگی و خام بودن آن به شکل دلخواهی که دوست دارید در بیاورد.در این مقاله از بیست اسکریپت قصد دارم به معرفی افزونه‌ای بپردازم که با استفاده از ان قادر خواهید بود تا فرم تماس وردپرس را که با استفاده از افزونه فرم تماس۷ ایجاد کرده‌اید را متحول کرده و یک استایل زیبا برای آن ایجاد کنید. افزونه‌ای که قصد معرفی آن را دارم با عنوان Contact Form ۷ Style در مخزن وردپرس به ثبت رسیده است و تا به امروز توانسته است تا بیش از ۲۰.۰۰۰ نصب فعال و کسب امتیاز ۴.۸ را ازآن خود نماید که با استفاده از آن قاد خواهید بود تا برای هر یک از فرم‌های تماس ایجاد شده در وردپرس یک استایل زیبا و دلخواه انتخاب کنید.

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

 

 

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

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

 

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

 

 

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

 

 

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

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

 

 

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

موفق باشید


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

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

جایه ویژه تبلیغ متنی

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

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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
763افزونه وردپرس امتیاز دهی GD Star Rating تاریخ : 1395/10/5
4,254راهکارهایی برای مشاهده آنلاین PDF در وردپرس تاریخ : 1393/07/18
3,593افزونه پرداخت آنلاین زرین پال برای Joomla تاریخ : 1393/01/30
4,308افزونه پاپ آپ نینجا برای وردپرس نسخه 2.4 تاریخ : 1392/12/9
5,557افزونه نمایش لیستی از نویسندگان یا اعضای تیم در وردپرس تاریخ : 1393/07/20
2,287دانلود افزونه وردپرس iTunes Shortcode تاریخ : 1394/02/14
1,945افزونه حذف یک جای پیام خصوصی برای شیرترانیکس تاریخ : 1393/02/25
2,149افزونه قدرتمند تگ گذاری روی تصاویر wpStickies نسخه 2.1.1 تاریخ : 1393/10/16
1,862افزونه وردپرس سئو لینک مطالب Automatic SEO Links تاریخ : 1393/12/3
2,331نمایش وضعیت مدیر در اسکایپ تاریخ : 1392/07/28
1,356به کاربران خود امکان ویرایش نظراتشان را بدهید ! + افزونه تاریخ : 1393/07/25
4,227مدیریت تبلیغات در وردپرس با WP PRO Advertising System تاریخ : 1394/01/5
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب