بهینه سازی فرم تماس ۷ وردپرس جهت سرعت بیشتر صفحات

زمان انتشار:
تعداد بازدید: 234
حالت تمام صفحه:

بهینه سازی فرم تماس 7 در وردپرسسلام دوستان؛
یکی از برگه‌های مهم و پر استفاده در هر سایتی برگه تماس با ما است، و همه‌ی سایت‌ها در این برگه دارای یک فرم تماس جهت ارتباط کاربران سایت با مدیریت هستند.
و یکی از برترین و پرکاربردترین افزونه‌های فرم ساز وردپرس در وبسایت‌های وردپرسی افزونه فرم تماس ۷ است.
در این نوشته از وردپرس یاد ما کدهایی برای بهینه سازی فرم تماس ۷ در وردپرس برای شما آماده کرده‌ایم که می‌توانید با استفاده از این کدها در فایل functions.php سایت خود، این افزونه را بهینه سازی کنید.

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

قصد ما در این آموزش چیست؟ چگونه می‌خواهیم فرم تماس ۷ را بهینه کنیم؟

این افزونه فرم ساز در رابط کاربری ۲ فایل css و ۱ فایل js لود می‌کند، که این به خودی خود باعث ایجاد ۳ درخواست به سمت سرور در هر بار لود شدن صفحات سایت می‌شود.

ما از این افزونه فقط در برگه تماس با ما سایت خودمان استفاده می‌کنیم. پس چه لزومی دارد که فایل‌های این افزونه در صفحات دیگر برای کاربران ما لود شوند!

خیلی ساده می‌توانیم با گذاشتن چند خط کد در فایل functions.php سایت خودمان از بروز این عمل جلوگیری کنیم.

کدهای بهینه سازی فرم تماس ۷

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

  1. css
// Deregister Contact Form 7 styles
add_action( 'wp_print_styles', 'wpyad_deregister_styles', 100 );
function wpyad_deregister_styles() {
if ( ! is_page( 'contact-us' ) ) {
wp_deregister_style( 'contact-form-7' );
wp_deregister_style( 'contact-form-7-rtl' );
}
}
  1. js
// Deregister Contact Form 7 JavaScript
add_action( 'wp_print_scripts', 'wpyad_deregister_javascript', 100 );
function wpyad_deregister_javascript() {
if ( ! is_page( 'contact-us' ) ) {
wp_deregister_script( 'contact-form-7' );
}
}

حال تغیرات را ذخیره کنید.
کار بهینه سازی فرم تماس ۷ در وردپرس تمام شد و بعد از این فایل‌های css و js فقط در برگه تماس با ما سایت شما لود خواهد شدJ

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

  1. نامک برگه تماس با ما سایت شما باید بصورت contact-us باشد.
  2. فرم‌های دیگری که در برگه‌های دیگر می‌سازید، ظاهر و ساختار مناسبی را ندارند (چون فایل‌های css و js فقط در برگه تماس با ما لود می‌شوند).
  3. هر زمان قصد ساخت فرم‌های دیگری را در سایتتان داشتید، فراموش نکنید که این کدها را بردارید.

امیدواریم این آموزش برای شما مفید بوده باشد.

موفق باشید…

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

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

پاسخ دهید

دیدگاه شما برای ما ارزشمند است. در کمترین زمان ممکن به آن پاسخ خواهیم داد.

دیدگاه های این نوشته

دیدگاهی برای این نوشته وجود ندارد.