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

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

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

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

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

برای هماهنگ کردن این افزونه با بوت استرپ کد زیر را با تمپلیت فرم پیشفرض در افزونه فرم تماس ۷ جایگزین کنید.
[Php] {
<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>

}
[/php]

غیر فعال سازی استایل های فرم تماس ۷

با جایگذاری اسکریپت های افزونه Contact Form 7 در فایل تابع های پوسته (functions.php) را غیر فعال کرده و اسکریپت های اختصاصی به کار ببرید:
[php] add_filter( ‘wpcf7_load_js’, ‘__return_false’ );
add_filter( ‘wpcf7_load_css’, ‘__return_false’ );
[/php]

 

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

 

[php] if ( function_exists( ‘wpcf7_enqueue_scripts’ ) ) {
wpcf7_enqueue_scripts();
}
[/php] حالا کار  شما به پایان رسیده و میتوانید بوت استرپ را با افزونه فرم تماس ۷ همگام سازی نمایید که میتواند برای کار با بوت استرپ در وردپرس بسیار مفید و لازم باشد.

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

سوالی دارید؟

سوالتون رو در نظرات مطرح کنید ?

مطالب مرتبط:

آموزش ساخت ارتقاء محتوا در وردپرس و تاثیر آن بعنوان ابزار ایمیل مارکتینگ

ارتقاء محتوا چیست؟ ۳۰ راهکار ساده برای ارتقاء محتوا و گرفتن ایمیل از بازدیدکنندگان سایت

۳۰ روش امتحان شده برای کسب و کار آنلاین با وردپرس(بخش دوم)

افزونه حرفه ای Wordfence Pro وردپرس | نسخه اصلی افزونه امنیتی وردفنس فارسی

منبع: تیک تم– ارائه دهنده مقالات:سامانه پیامک– کانفیگ امنیتی وردپرس–پشتیبان وردپرس