آموزش وردپرس, مقالات وردپرس

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

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

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

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

آموزش بهینه سازی Contact Form 7 در وردپرس

برای بهینه سازی فرم های تماس سایت وردپرسی خود کافی است دو کد زیر را در بخش توابع قالب وردپرس یا همان فایل Function.php قرار دهید:

<?php
// Deregister Contact Form ۷ styles
add_action( 'wp_print_styles', 'aa_deregister_styles', ۱۰۰ );
function aa_deregister_styles() {
if ( ! is_page( 'contact-me' ) ) {
wp_deregister_style( 'contact-form-۷' );
}
}
?>

همچنین کد زیر را نیز در پایان توابع قالب وردپرس خود قرار دهید :

<?php
// Deregister Contact Form ۷ JavaScript files on all pages without a form
add_action( 'wp_print_scripts', 'aa_deregister_javascript', ۱۰۰ );
function aa_deregister_javascript() {
if ( ! is_page( 'contact-us' ) ) {
wp_deregister_script( 'contact-form-۷' );
}
}
?>

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

تاثیر بهینه سازی فرم تماس در وردپرس در کدام قسمت ها میباشد؟

بدلیل اینکه مرورگرها زمان زیادی را برای رندر کردن فایل های جاوا اسکریپت میگزارند بخاطر همین لود شدن این فایل ها برای شما زمانگیر خواهد بو، برای رفع مشکل شما باید فایل های جاوا اسکریپت خود را به آخر سایت اضافه بکنید که بعد از همه چیز لود شوند و در بالا هم ما همینکار را انجام میدهیم که نتیجه آن افزایش زمان لود شدن سایت ما میباشد، و بدلیل سریع لود شدن سایت ما میتوانیم رتبه بهتری را در گوگل بدست آوریم و رابطه مستقیم با سئو وردپرس ما دارد. با توجه که امروزه اکثر قالب وردپرس های حرفه ای دارای این افزونه میباشند بخاطر همین بهینه سازی این افزونه میتواند برای سایت شما بسیار مفید باشد

نتیجه گیری : فرم های تماس یکی از مهم ترین فرم های وردپرس و عناصر موجود در سایت می باشد که امکان برقراری ارتباط بین کاربر و مدیر سایت را می دهد که در این افزونه اقدام به بهینه سازی فرم تماس در وردپرس نمودیم.

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

[scrolling_box title=’مطالب بیشتر درباره افزایش سرعت وردپرس’ display=’tag’ tag=’522′]

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

2 دیدگاه در “بهینه سازی فرم تماس افزونه Contact Form 7 با کد در وردپرس

  1. keanu گفت:

    سلام
    هر دو تا کد رو در تابع function.php قرار بدیم کافیه ؟
    با تشکر

    1. سلام دوست خوبم
      بله باید این کد ها هر 2 تاشون رو در فایل functions.php موجود در پوشه قالب وردپرس سایتتون اضافه بکنید.
      کد اولی برای css میباشد و کد های دوم هم برای دی رجیستر کردن کد های js میباشد.

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *