بهینه سازی فرم تماس 7 برای سرعت بیشتر

777d-1

سلام دوستان!افزون contact form 7 یا فرم تماس 7 رو میشه پر استفاده ترین افزونه رایگان فرم تماس ساز دانست و تا همین لحظه بیش از 17 میلیون بار دانلود داشته.این افزونه رو قبلا در همیار وردپرس معرفی کردیم.

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

بهینه سازی:

ما قصد داریم که کد CSS و جاوااسکریپت مربوط به  فرم فقط در صفحه ای که از فرم استفاده میکنیم اجرا بشه.وارد قسمت نوشته ها میشیم صفحه ای که فرم در اون استفاده میشه رو پیدا میکنیم روی ویرایش سریع کلیک میکنیم و نامک اون صفحه رو برمیداریم.(در مثال ما نامک صفحه contact-us هست)

  • CSS:

از قسمت نمایش,ویرایشگر فایل functions.php رو باز میکنیم,کد زیر رو کپی میکنیم:

 

// Deregister Contact Form 7 styles
add_action( 'wp_print_styles', 'aa_deregister_styles', 100 );
function aa_deregister_styles() {
    if ( ! is_page( 'contact-us' ) ) {
        wp_deregister_style( 'contact-form-7' );
    }
}
  • جاوا اسکریپت

برای جاوا اسکریپت هم کد زیر رو در functions.php  قرار میدهیم:

 

// Deregister Contact Form 7 JavaScript files on all pages without a form
add_action( 'wp_print_scripts', 'aa_deregister_javascript', 100 );
function aa_deregister_javascript() {
    if ( ! is_page( 'contact-us' ) ) {
        wp_deregister_script( 'contact-form-7' );
    }
}

به همین سادگی!

آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

398,932 نفر

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

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. با سلام- با عرض پوزش مشکل من حل نشد.
    می خواهم در قسمت پاسخ خودکار – فایلی در غالب پی دی اف و یا زیپ نیز ضمیمه و ارسال کنم.
    ایا این امکان وجود دارد که بتوان به همراه متن پاسخ خودکار – فایلی را هم ارسال نمود ؟
    با تشکر

  2. با سلام- خسته نباشید- لطفا به سوال جواب دهید – با تشکر
    ایا در فرم ارسال7 – به هنگام تنظیم پاسخگویی خودکار می توان فایل را هم ضمیمه نمود؟

  3. سلام، اگر در چند صفحه استفاده شده باشه چی؟

  4. 5 سال عضو همیار وردپرس

    سلام
    میخوام بخش ارسال مقالات به سایتم اضافه کنم ولی نمیدونم از چه افزونه ای برای ایجاد فرم و پیوست فایل استفاده کنم ممنون میشم راهنماییم کنید

  5. سلام.ببخشید من با قراردادن کد در فایل های قالب همیشه مشکل دارم.لطفا میشه بگید کد هارو معمولا باید درکجای فایل های قالب قرار داد که به هم نریزه؟ منظورم اینه اولش ،آخرش و…

    • 8 سال عضو همیار وردپرس

      سلام
      معمولا قطعه کدهای پی اچ پی مخصوص قرار گرفتن در قالب سایت هستند و آن هم در حلقه ی وردپرس یعنی single.php یا index.php و یا page.php قرار خواهند گرفت و برخی دیگر نیز با توجه به عملکردشون در function.php قرار میگیرند.
      اما شور کدها را با قطعه کدها اشتباه نگیرید! شورت کدها فقط قادر هستند در ویرایشگر وردپرس قرار بگیرند. مثلا در برگه ها و گاهی نیز در نوشته ها

    • منظورم همان قطعه کد هایی است که باید در function قرار بگیرند.مشکل من جای قرارگیری این
      قطعه کد ها در فایل های قالب هست.

    • 8 سال عضو همیار وردپرس

      دوست عزیز شما قرار نیست قطعه کدی در function قرار بدید!
      این افزونه با شورت کد کار میکنه اون هم در برگه ها

  6. 😐
    همینکارو کردم سایتم خراب شد
    دیگه
    نه وردپرس
    میاد نه!!!! هیچ
    کمک کنید 😐

    • 8 سال عضو همیار وردپرس

      با سلام کافیه فایل functions.php قالبتون رو دوباره بارگزاری کنید.

  7. سلام دوستان متخصص.
    چطور میتونم اندازه کادر متن پیام رو (textarea) در Contact Form 7 کوچکتر کنم؟
    ان کد رو در style.css تغییر دادم اما تغییری در فرم ایجاد نمیشه!
    form.contact_form textarea {
    width:360px;
    padding:8px;
    }

  8. سلام
    پیامهای ارسال شده از فرم تماس یا خیلی دیر به ایمیلم میان یا گاهاً اصلان نمی یان.
    تورو خدا راهنماییم کنید چیکار باید کنم؟

    • 7 سال عضو همیار وردپرس

      سلام
      بله متاسفانه فعلا افزونه مشکل داره
      از افزونه دیگری استفاده کنید
      تشکر

  9. سلام ، من با این افزونه چند فرم طراحی کردم ، و در قسمت ایمیلی که برای ما ارسال می شود نیز به همراه سی اس اس که درون اچ تی ام ال نوشته ام ، فرمت دهی کردم ، ولی سی اس اس روی ایمیل ارسالی اعمال نمی شود ، چه باید کرد ؟

    • 8 سال عضو همیار وردپرس

      با سلام این افزونه خواهان و نیاز به کار بالایی داره به همین دلیل به زودی اموزشی کاربردی در این موارد ارائه میشه.

  10. اقا این کدها را در این فایل گذاشتم ولی بالای صفحه مدیریت اخطا داده باید بعد چه حرفی بزارم من کد اخر سایت اضافه کردم

    • 8 سال عضو همیار وردپرس

      سلام
      چه خطایی ؟

  11. با سلاماین کد رو هر جای فایل میزرام وردپرس ام به هم میریزهلطفا راهنمای کنیدبا تشکر

    • 8 سال عضو همیار وردپرس

      با سلام.این کدهای هک هست و ممکنه گاهی با کدها در قالب های مختلف با هم همخونی نداشته باشند.

  12. سلام
     اگه در چند برگه از فرم تماس استفاده کرده باشیم کد رو چطور باید بنویسیم؟

    • 8 سال عضو همیار وردپرس

      سلام
      شما کد رو باید یه قسمت بدید تا فراخوانی کنه و فرم های تماس رو که در هر برگه قرار دادید فقط کد بدید بهش

      با احترام

  13. این یکی دیگه مقاله خوبی بود.

  14. ممنون

دوره‌های آموزشی