تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
اسکریپت مدیریت هاست رایگان 3 پاسخ 148 بازدید کتابخانه blog برای لاراول 0 پاسخ 0 بازدید اسکریپت یا کد انتقال دهنده کاربر به صفحه 1 پاسخ 4 بازدید معرفی وبسایت خرید آنلاین مواد و لوازم دندانپزشکی 0 پاسخ 9 بازدید افزونه Coins MarketCap 1 پاسخ 413 بازدید درخواست پلاگین 4 پاسخ 682 بازدید اسکریپت vfm 5 پاسخ 774 بازدید تغییر جهت محتوا در وردپرس 1 پاسخ 422 بازدید افزونه ساخت شماره مجازی 14 پاسخ 1293 بازدید درخواست افزونه 1 پاسخ 621 بازدید
تبلیغات
تبلیغات تبلیغات

تغییر استایل فرم تماس وردپرس با افزونه 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 نیز قادر خواهید بود تا استایل سفارشی برای فرم را اعمال کنید. از این بخش می‌توانید برای مواردی همچون تغییر فونت دلخواه در فرم تماس وردپرس و.. استفاده کنید.

موفق باشید

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

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

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 1 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=25873
کلمات کلیدی پست :
مطالب مرتبط
5,894دانلود افزونه بکاپ گیری سریع وردپرس تاریخ : 2014/12/7
8,116مجموعه ابزار های وردپرس Visual Composer Extensions v2.2.2 تاریخ : 2014/05/22
24,395افزونه بسته آیکون های زنده برای وردپرس تاریخ : 2014/09/16
10,124افزونه خبرخوان اتوماتیک RSS AutoPilot نسخه 1.3.0 برای وردپرس تاریخ : 2015/11/8
8,396درگاه پرداخت آرین پال برای افزونه EDD تاریخ : 2017/10/21
16,704افزونه ارسال تصاویر اینستاگرام به وردپرس تاریخ : 2015/08/18
6,506نمایش شناسه و ID های مخفی در وردپرس تاریخ : 2016/07/21
7,704قرار دادن ویدیوهای نماشا در وردپرس با افزونه Namasha تاریخ : 2020/02/1
7,494افزونه چند زبانه کردن وب سایت با wpTranslate برای وردپرس تاریخ : 2015/06/8
4,584افزونه ساخت جداول قیمت AP Pricing Tables برای وردپرس تاریخ : 2020/11/18
5,372افزودن اسپانسر به عنوان پست ها در وردپرس تاریخ : 2018/07/23
4,748تغییر استایل و نمایش برچسب ها در وردپرس تاریخ : 2019/04/27
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات