قبل از استفاده از افزونه فرم تماس ۷ (Contact Form 7) در قالب های بوت استرپ باید این افزونه را با این قالب ها هماهنگ کنید تا هیچ گونه اختلالی در سایت ایجاد نشود، جهت هماهنگ کردن قالب بوت استرپ و فرم تماس در این آموزش همراه دکتر وردپرس باشید.

هماهنگ کردن فرم تماس 7 با قالبهای بوت استرپ

هماهنگ کردن فرم تماس ۷ با قالبهای بوت استرپ

برای هماهنگ کردن این افزونه با بوت استرپ کد زیر را با تمپلیت فرم پیشفرض در فرم تماس ۷ جایگزین کنید.

<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' );

با استفاده از کد بالا افزونه را به طور کامل غیر فعال میکنیم و در عوض از کد های زیر استفاده میکنیم.

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

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

کد بالا را در صفحاتی که میخواهید فرم تماس نمایش داده شود قرار دهید.(به عنوان مثال برگه تماس با ما)

امتیاز شما از 1 تا 5
1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته 1 رای
Loading...