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

سلام به همگی، در پست امروز -بنا به درخواست یکی از دوستان- با یک هک وردپرسی در خدمت همراهان عزیز هستیم که مربوط به افزونه Contact Form 7 هست. در مرحله اول، برای هماهنگ سازی این افزونه با قالبهای بوت استرپ، کافیه که کد زیر رو با تمپلیت فرم پیشفرض در CF7 جایگزین کنید:

<div class="row">
<div class="col-md-6 form-group"><label class="sr-only">نام</label>[text* your-name class:form-control placeholder "نام"]</div>
<div class="col-md-6 form-group"><label class="sr-only">آدرس ایمیل</label>[email* your-email class:form-control placeholder "آدرس ایمیل"]</div>
</div>
<div class="form-group"><label class="sr-only">موضوع پیغام</label>[text* your-subject class:form-control placeholder "موضوع پیغام"]</div>
<div class="form-group"><label class="sr-only">متن پیغام</label>[textarea* your-message x5 class:form-control placeholder "متن پیغام"]</div>
<div class="form-group">[submit class:btn class:btn-default "ارسال"]</div>

در مرحله دوم، میتونید اسکریپت های این افزونه رو با قرار دادن کد زیر در فایل توایع پوسته (functions.php) به طور کامل غیر فعال کرده و تنها از اسکریپت های اختصاصی خودتون استفاده کنید:

add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );

اما حذف اسکریپت های بالا (مخصوصا فایل های js) و عدم استفاده از فایلهای جایگزین، عملکرد افزونه رو دچار اختلال میکنه. بنابر این شما میتونید با استفاده از کد زیر، محل بارگذاری این فایل ها رو در تنها به بخش هایی خاص  -مثل قالب برگه ها- محدود کنید. (پیشنهاد من اینه که با ساختن یک قالب برگه، کدهای زیر رو در اون فایل کپی کنید و سپس برای برگه مربوط به فرم تماس، قالب ساخته شده رو اختصاص بدید.)

if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {
	wpcf7_enqueue_scripts();
}

if ( function_exists( 'wpcf7_enqueue_styles' ) ) {
	wpcf7_enqueue_styles();
}