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

درود به تمامی کاربران عزیز مبنای وردپرس در خدمت شما هستیم با یک آموزش وردپرس دیگر در مبنای وردپرس، امروز قصد داریم به شما هماهنگ سازی بوت استرپ با افزونه Contact Form 7 را از طریق هک وردپرسی را به شما آموزش دهیم. ابتدا برای هماهنگ سازی افزونه ی Contact Form 7 با قالب های bootstrap میتوانید کد زیر را با تمپلت پیشفرض در 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>
غیر فعال سازی استایل های فرم ساز ۷
با جایگذاری اسکریپت های افزونه Contact Form 7 در فایل تابع های پوسته (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(); }
با تشکر از همراهی شما -شاد باشید.