تبلیغات
طراحی و بهینه سازیمشاهده
آخرین ارسال های تالار مشاهده انجمن
  • راه اندازی افزونه edd google drive 0 پاسخ 54 بازدید
  • چگونه از ابزار disavow tools استفاده کنیم؟ 1 پاسخ 316 بازدید
  • قالب enfold 0 پاسخ 129 بازدید
  • مشکلات اسکریپت stackpost یا grameasy 11 پاسخ 1342 بازدید
  • دانلود رایگان قالب نایس موزیک 2 پاسخ 298 بازدید
  • دانلود رایگان قالب مذهبی تبیان 3 پاسخ 274 بازدید
  • Elementor Pro 0 پاسخ 288 بازدید
  • همه چیز درباره گوگل سرچ کنسول 1 پاسخ 318 بازدید
  • اسکریپت کلیکی 0 پاسخ 216 بازدید
  • آموزش مجازی زبان انگلیسی 0 پاسخ 204 بازدید
  • هاست

    هاست

    تغییر استایل فرم تماس وردپرس با افزونه 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


    هاست + دامنه رایگان برای وردپرس و سایر اسکریپت ها وطن هاست >

    مطلب مفیدی بود ؟
    نویسنده : تیم محتوای 20اسکریپت 1 افزونه ها , افزونه وردپرس

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

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    8,741افزونه افزایش ادد لیست یاهو با پوسته وردپرس تاریخ : 2014/06/12
    1,612آپلود تصاویر SVG در وردپرس با افزونه Scalable Vector Graphics تاریخ : 2019/01/27
    8,609افزونه وردپرس سایدبار و ابزارک سفارشی Sidebar & Widget Manager نسخه 3.17 تاریخ : 2016/02/27
    19,728افزونه رزرواسیون و زمانبندی وردپرس Bookly نسخه 17.8 تاریخ : 2020/02/19
    4,807افزونه مدیریت حرفه ای تبلیغات WP Pro Ad System v4.1.2 برای وردپرس تاریخ : 2015/01/9
    2,852انتخاب تصویر پروفایل دلخواه از کتابخانه وردپرس با افزونه User Profile Picture تاریخ : 2018/06/21
    5,461افزونه ایجاد وب سایت دانشنامه BWL Knowledge Base Manager برای وردپرس تاریخ : 2016/05/11
    3,712افزونه‌ وردپرس براي جاگذاري كدها Crayon Syntax Highlighter تاریخ : 2016/03/1
    8,709افزونه نمایش جداول لیگ های ورزشی در وردپرس League Table تاریخ : 2017/11/15
    15,525افزونه مدیریت فایل File Manager v5.2 برای وردپرس تاریخ : 2014/11/23
    18,514افزونه وردپرس برگزاری دوره های آموزشی با Sensei فارسی نسخه 1.7.7 تاریخ : 2015/05/20
    1,396رسپانسیو کردن تصاویر وردپرس با افزونه RICG Responsive Images تاریخ : 2019/02/27
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب